Align Middle Top Menu

  • Resolved JPCM

    (@jpcm)


    10 years, 7 months ago

    I uploaded a larger sized logo for the website in order for viewers to view the logo better. But the menu is situated at the top part of the container for both the logo and menu. How can I bring it down a little more? Hoping for your input. Thanks.

    Note: The site doesn’t have a child theme, and I don’t know how to add one seeing as I did not make the site, we students just changed the theme to yours and totally revamped the contents. And your child theme could not be DLed at your site.

    Site: https://www.gensanchamber.org

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello JPCM,

    Under your css you should have a code called:
    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {

    Add:
    margin-top: 30px;

    between the brackets so it should look like this :

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: inline-block !important;
    text-align: right;
    width: 100%;
    margin-top: 30px;
    }

    If it still does not work add !important at the end of the added code.

    Example:

    .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: inline-block !important;
    text-align: right;
    width: 100%;
    margin-top: 30px !important;
    }

    Change the 30px to suite your need.

    Hope this helped and thanks for choosing wordpress!

    Thread Starter JPCM

    (@jpcm)

    Nevermind. I didn’t need to edit any CSS. I just had to go to Appearances > Customize > Navigation. Put correct amount in Main Menu Top Margin.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Align Middle Top Menu’ is closed to new replies.