Docs

[core365]

Hi, I was wondering if you could help with this issue please. I’m working on the website http://eastmidlandswindows.co.uk/ and when I resize the window on my computer, the nav bar obscures the page title – I haven’t scrolled down the page either, and this happens on all the pages. I’ve attached a screen grab for you to see.

Thanks!

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

@media only screen and (min-width: 980px) and (max-width: 1330px) {

.x-brand img {
  width: 200px;
}

.x-navbar .desktop .x-nav > li > a {
  font-size: 16px;
}
}

Hope this helps.

Cheers!

[core365]

Hi, that’s worked great, thanks! There’s just one thing, when the window is resized, the height under the nav bar is quite big, can this be reduced and also have a margin or padding under it so it’s not touching the page title below it? I’ve attached a screen grab to show this. I’ve had a go at changing and adding some CSS, but I can’t get it done!

Thanks!

[Lely]

Hi There,

Please try adding this custom CSS:

@media (max-width: 1124px){
.x-navbar .desktop .x-nav > li > a {
    height: auto;
}
}

Hope this helps.

[core365]

Excellent, spot on!

Thank you!

[Jade]

You’re welcome.

[Author]

Posts