Top navigation menu not long enough

  • Resolved niagaraseo

    (@niagaraseo)


    8 years, 6 months ago

    I am trying to add an item (humanitarian) to the menu of my Header Right widget and it puts it below the current line. I would like to have it all on one line. How can I increase the lenght of the menu? Or, is there a plugin I can use that would make my life easier.

    The site is griffinmotivation.com

    I thank you in advance for the help you are about to provide.

    Nathalie.

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

  • hey Nathalie,

    Hope you’re doing well. I inspected your website and found a solution.

    Your menu has a fixed width. The fixed width is causing your last link to drop below the other links. In your style.css, delete this line of code below.

    .site-header .widget-area {
    width: 480px; <———delete this line of code
    padding: 24px 50px 0 0;
    float: right;
    text-align: right;
    }

    Let me know if this works

    Thread Starter niagaraseo

    (@niagaraseo)

    Hello there fellow member (not sure of your name).

    Thank you so much for your kind reply and support.

    I don’t really see the exact CSS you are mentioning but I see this:

    }
    #menu-header-right {
    margin-left:6px;

    Is this the CSS I should be modifying?

    @rgchang There’s another container that also needs to be dealt with.

    @niagaraseo This is the exact code you need:

    .site-header .widget-area {
  width:890px;
}

#menu-standard-menu {
  width:900px;
}

    Install and activate this plugin: Simple Custom CSS. Then paste the code in there, press Update Custom CSS, and you’re done!

    Thread Starter niagaraseo

    (@niagaraseo)

    Thank you so much. I finally figured it out. Awesome!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Top navigation menu not long enough’ is closed to new replies.