Docs

[nicolainicely]

Hi when I scale my window down my site http://georgiafilmartgallery.com/ looks like this:

http://puu.sh/qpKN6/06cf65ccdc.jpg

when it should look like this:

http://puu.sh/qpKPc/51e6b4b11c.jpg

I found this similar thread but the solution did not work for me:

https://community.theme.co/forums/topic/links-to-content-bands-the-header-overlaps-the-top-part-of-each-band/

How do I make it so the Fixed Top nav bar doesnt overlap my content when the page scales down?

Thanks,
Nick

[Rahul]

Hey There,

In Customizer > Header > Navbar, can you make sure that your navbar isn’t set to 0?

This number should be large enough to contain the navigation items themselves. 60px might be a good place to start, and you can move down from there to test out further.

If you need to remove spacing between the navbar and the content below, there are better ways to do this by reducing padding and margin on the content areas.

Hope this helps.

[nicolainicely]

Do you mean Navbar Top Height (px) ? I don’t know what you mean by ” In Customizer > Header > Navbar, can you make sure that your navbar isn’t set to 0?”

[nicolainicely]

I just used a bunch of media queries and fixed it.

@media (max-width:1446px){
.x-main.full {
padding-top:45px;
}
}

@media (max-width:979px){
.x-main.full {
padding-top:0px;
}
}

@media (max-width:1700px){
.x-breadcrumbs {
padding-top:50px;
}
}

@media (max-width:979px){
.x-breadcrumbs {
padding-top:0px;
}
}

[Joao]

Hi There,

You need to play with a few variables, the problem is that your number of links vs your font size vs your link spacing vs your letter spacing is too big for the width of your navbar.

You can go to the place recommended by Rahul and adjust those parameters.

Hope it helps

Joao

[Author]

Posts