How to get rid of white space below nav bar

  • Resolved akiyowind

    (@akiyowind)


    4 years, 7 months ago

    Hi fellas,

    I’m having some trouble getting rid of the white space between my nav bar and header image. I tried looking up other posts, but it seems like they’re all using different themes, which makes it hard to achieve the same result without looking in-depth at the CSS code.

    I did try to look at the the CSS, but couldn’t figure out a solution. For reference, I’m using the Themify Ultra free version.

    Thanks!

    • This topic was modified 4 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

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

  • If you’ll look at your CSS code via the Inspector you should see these two items.

    @media screen and (max-width: 760px)
#content, .single_posts_wrapper_infinite #content, .single_posts_wrapper_infinite.sidebar2 #content {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    padding-top: 10%;
}

    and

    #content {
    width: 71%;
    padding: 5.75% 0;
}

    I unticked the two ‘padding’ directives and was able to get rid of the space.

    You may also rem them out as below within their respective CSS files using a text editor…

    @media screen and (max-width: 760px)
#content, .single_posts_wrapper_infinite #content, .single_posts_wrapper_infinite.sidebar2 #content {
    width: 100%;
    max-width: 100%;
    float: none;
    clear: both;
    /* padding-top: 10%; */
}

    and

    #content {
    width: 71%;
    /* padding: 5.75% 0; */
}

    Or you can jamb these two into your theme customizer’s ‘additional CSS’ feature.

    Caveat: I really stink at this theme and CSS stuff. So pasting the above into the additional CSS box may require a bit more tweaking.

    But that’s how I do this stuff. If someone else offers a better way, take their answer instead… I just answered because you needed an answer and it’s getting late.

    Learn to use that Page Inspector tool in the Chrome or Firefox browsers and you’ll be able to… well you’ll probably wind up better at this CSS and theme stuff then I’ll ever be.

    Also, run this by the Theme author for your theme for the possible official word on this if you want.

    Thread Starter akiyowind

    (@akiyowind)

    Unchecking the padding for the content id worked out, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to get rid of white space below nav bar’ is closed to new replies.