Docs

[miles101]

Hi there,

I would like to re-size the top nav bar when it is in tablet landscape mode so it all fits on the one line like the desktop version. It currently creates an additional line with the logo and nav bar on different levels. Any assistance would be much appreciated. I am using integrity1 demo. Image of problem attached.

Thanks,
Andrew

[Darshana]

Hi there,

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.

[miles101]

This reply has been marked as private.

[miles101]

Hi again,

Just wanted to let you know I have resolved the demo-home issue.

[Nico]

Happy to hear that.

Would you mind sharing us the solution. It would help a lot 🙂

Thanks 🙂

[miles101]

Hi there,

I only resolved the demo home permalink issue, not the nav bar auto scaling when in tablet mode.
Any help would be great.

Many thanks,
A

[Friech]

Hi There,

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

@media (max-width: 1185px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		padding-right: 5px;
		padding-left: 5px;
		font-size: x-small;
	}
}

We need to adjust the font-size of your menu, so all the items can be fit on the navbar.

Thanks.

[Author]

Posts