Large gap under main navigation

  • Resolved tompz

    (@tompz)


    9 years, 10 months ago

    Hi all,

    First post here but thanks in advance for your help. I have looked around the forums for this without much luck.

    My site: http://www.demonsofdoom.com has the small issue of a large gap underneath the main navigation, meaning you have to scroll down to see the main launch slider.

    Can anyone tell me how to close this gap please?

    I have tried looking through the CCS to find any padding or bottom that might be on there and I can’t seem to locate any.

    Thanks,

    T

Viewing 5 replies - 1 through 5 (of 5 total)
  • alphaalec

    (@alphaalec)

    9 years, 10 months ago

    Looks like it is css on your hands

    .global_content_wrapper has margin-top: 70px; which accounts for some of the gap.

    .entry-content has margin-top: 35px; which accounts for some more.

    Inside .content_wrapper there’s an empty <p> element, which adds another 20px; (you could get around this issue by adding p:empty { display: none; } to your css. Or remove the <p>, of course)

    Then there’s .empty_separator, which looks like it’s acting almost like a <hr />, except it has no distinguishable colour, as well as having margin-top: 20px; and margin-bottom: 20px

    Viamultimedia

    (@viamultimedia)

    9 years, 10 months ago

    Hello,

    I don’t know it’s the good solutions. You have divs who have some paddings and margins

    their names are
    .global_content_wrapper { margin: 70px auto;}
    a paragraph empty in your .content_wrapper
    <div style=”margin-top:20px;margin-bottom:20px” class=”empty_separator”></div>

    You should go to your css to resolve it or perhaps in your theme options. Try to check width firebug of firefox to see your margin and your paddings…

    Tony

    Thread Starter tompz

    (@tompz)

    9 years, 10 months ago

    Thanks so much guys, this solved the issue.

    Only thing left I need to do now is take the horrible borders off the drop-down navigation.

    Thanks again

    T

    alphaalec

    (@alphaalec)

    9 years, 10 months ago

    To get rid of the surrounding borders of the drop down navigation, on .sf-menu ul remove the border-bottom, border-left and border-right

    To get rid of the dotted borders between menu items in the drop down, on .sf-menu li li remove border-bottom: 1px dotted #ccc;

    Enjoy!

    Thread Starter tompz

    (@tompz)

    9 years, 10 months ago

    {resolved}

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Large gap under main navigation’ is closed to new replies.