Docs

[smartwaterpools]

Is there a way to stop my top menu from going under my top left logo while resizing? it seems to go completely under the logo than switches to a click box once it passes the start of the logo. I would like to fix it to where it immediately changes to the menu click box once it runs out of space next to the logo. Thank you!

http://www.SmartWaterPools.com

[Rahul]

Hey There,

Thanks for writing in!

Regretfully, at this time I am not entirely certain what it is you’re trying to do.
I’ve checked the given URL and tried resizing the Window, it seems to be working fine here.

Can you explain it a bit more? May be a screenshot?

Thanks for your understanding.

[smartwaterpools]

I don’t want the menu items to go under the logo when resizing. I attached a picture – hope this helps(it shows what I don’t want to happen). thanks for the quick reply!

[Joao]

Hi There,

You need to go to Appereance > Customizer > Header and adjust the link spacing to a smaller size.

Hope it helps

Joao

[smartwaterpools]

The spacing is fine. it’s when it is being resized that it does this. I want it to either look like either of the two examples attached to this post and never like the one from the previous post

[smartwaterpools]

second example

[Nico]

Hi There,

Add this in your Customizer > Custom > CSS:

This code will remove the spacing when it reaches screensize width 1243px

@media(max-width:1243px){
.x-navbar .desktop .x-nav>li>a:not(.x-btn-navbar-woocommerce){
padding-left:0px;
padding-right:0px;
}
}

Hope it helps.

Let us know how it goes.

Thanks.

[Author]

Posts