Docs

[BradleyB]

Hi,

When my browser is sized below 1160, I get a nav button instead of my full menu. Is there a way to have the background color of the navbar change when the nav button is pressed? Thanks so much!

[Prasant Rai]

Hello Bradley,

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.

Thanks.

[BradleyB]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for the URL, you can add this under Custom > Global CSS in the Customizer.

.custom-bg .x-navbar, .custom-bg .x-navbar .sub-menu {
	background-color: red !important;
}

And this on Custom > Global JavaScript.

jQuery('.x-navbar .x-btn-navbar').on('click tap', function(){
	jQuery('.x-navbar-wrap').toggleClass('custom-bg');
});

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[BradleyB]

Amazing!

Thanks so much!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts