Nav bar takes up too lines unnecessarily

  • lstekl

    (@lstekl)


    11 years, 7 months ago

    Hi, I successfully customized the nav bar on my site’s home page, which I have set as a static page. However, when I clicked over onto the other pages, including the blog page the menu now takes up two lines unnecessarily. I cannot figure out how to fix this, as all the settings are showing up properly on the homepage. Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter lstekl

    (@lstekl)

    11 years, 7 months ago

    http://www.thesoaphag.com is the site.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 7 months ago

    You could reduce the font size or any factors causing spacing.

    Jamie Gill

    (@patchgill)

    11 years, 7 months ago

    Hi,

    Change 

    #access ul {
    font-size: 13px;
    list-style: none outside none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
}

    to 

    #access ul {
    font-size: 13px;
    list-style: none outside none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
    width: 990px;
}

    That should fix it.

    Thread Starter lstekl

    (@lstekl)

    11 years, 7 months ago

    Thank you J.
    That did fix the look of it, but now the Choose Your Soap and Shopping Cart pages revert back to 2 lines when hovered and the link doesn’t work until the 2nd line appears. I tried to add the ‘width: 990px’ to the hover areas but that is not helping. Thoughts?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Nav bar takes up too lines unnecessarily’ is closed to new replies.