Skip to main content

Mobile Menu Navbar Container background Color responsive

Settings / Custom Code / CSS/LES

.tm-header-mobile .uk-navbar-container {
  background-color: white;
}

Then because my example is white I added a box shadow to the navbar in the same colour as the menu area bar to separate the header from the body of the site.

  • Hits: 22

Which Element to Use?

Disolve one image to the next - with text over the top

Slideshow element, and select Settings > Animation > Transition: Fade.

  • Hits: 21

Drop down sub menu background colour

/*drop down background colour*/
.uk-navbar-dropdown-nav > li.uk-active {
background-color: rgba(204, 204, 204, 0.8);
}

  • Hits: 16

Header drop shadow disappearing

Add to Setings / Custom Code / CSS/LESS

/*making the drop shadow stay on the header*/
.uk-navbar-sticky:not(.uk-navbar-transparent) {
box-shadow: 1px 1px 20px 0 #000;
}

  • Hits: 11