Docs

[gtthelen]

Hi Support,

Is there a way to prevent the logo in the Navbar from stacking on top of the links before the links become a mobile navbar button. I have tried a few things but there is always this point when the logo stacks on top of links during a browser resize.

@media (max-width: 1070px){
.x-navbar .x-btn-navbar {
display: inline-block;
float: right;
}
}

@media (max-width: 1070px){
.x-nav-wrap.desktop{
display:none
}

.x-nav-wrap.mobile{
display:block
}

.x-nav-wrap.mobile.collapse{
display:none
}

.x-nav-wrap.mobile.collapse.in{
display:block
}

.x-btn-navbar {
display: inline-block;
}

.x-navbar-inner {
text-align: left;
}

}

Everything is updated to latest available version.

http://messageonhold101.com/

Please advise.

Thanks.

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[gtthelen]

http://messageonhold101.com/

Everything is updated to latest available version.

The URL is above as well.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

@media (min-width:  1070px) and (max-width: 1080px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		padding-left: 15px;
    	padding-right: 15px;
	}
}

Hope it helps, Cheers!

[Author]

Posts