Docs

[Mitica]

Hello,

I have tried several codes provided on this forum to make my menu span the full width of my site. The lay out is set to full width but the menu items remain on two lines, and I want them to be on one, spanning all the way from left to right.
This is the link to my test site: test.tierramitica.com

I have tried:
/*Header full width*/
.x-navbar .x-container.max.width {
width: 100%;
max-width: 100%; }

and
.masthead .x-container-fluid {
max-width: none;
width: 100%;
}

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-navbar .x-container.max {
    max-width: 1500px !important;
    width: 99% !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Mitica]

Hello Nabeel, I put the code into the style.css of my child theme and it is still not working. Anything else I can try?

[Mitica]

It worked! Thank you! I cleared the browser’s cache before, but I guess there was a delay or something, now they are all in one line, thank you!

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts