Full Width Navbar

[kcreative]

Hi guys,

Been trying to have a full-width navbar - keep the menu layout/spacing the same but have the “white background” go full width of the browser screen https://prnt.sc/oyb3q8 Tried with the code below from another thread in the forum, but it didn’t work.

/* Full Width Menu Bar */
.x-navbar .x-container.max.width,
.masthead-stacked .desktop .x-nav {
    width: 100%;
    max-width: 100%;
}

Your help would be highly appreciate it!

[Prasant]

Hello @kcreative,

Thanks for writing in!

I checked the website and can see that you have made the necessary changes and now have full width navbar. Can you please confirm? In case changes are not reflecting, please clear cache and try loading website again.

Thanks.

[kcreative]

We did resolve this issues with the team by using:

/*Full Screen Width Navbar*/

.masthead.masthead-inline {
    padding: 0 !important;
  }

.x-navbar {
    padding-left: 10%;
    padding-right: 10%;
}

[jade]

Hi @kcreative,

Thanks for sharing your solution and glad to hear it’s sorted.

Cheers!