Style the dropdown menu

  • I added a top border to my menu. The dropdown menu now has too much margin between the items and I have not been able to adjust it. Also, the menu is set to float to the right of the logo, but I would like it to be closer to the menu, more centered, and have the form button float right. Currently I set the left margin on the button and more space between the menu items. This is not the best for mobile.

  • Hi there,

    For the margin issue, add this CSS:

    .main-navigation.toggled .main-nav ul li > a {
        margin-top: 0;
    }

    I do not see a form button on your site, am I missing anything?

  • Added the code but it changed nothing. The button is far right on menu. https://tinyurl.com/28b5ck3s

  • This is the correct code
    .main-navigation .main-nav ul ul li a {
    margin-top: 0;
    }

  • Glad you figured it out 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.