[RichaardChubb]

Hi

 

ho do you change the menu background colour?

 

thanks

[Sakin]

Hi Richard,

You can change the color code in the following CSS as per your need and add it in “Appearance => Customize => Additional CSS” to change the background color of the menu on the desktop.

@media screen and (min-width: 75em) {
	.navigation-classic #primary-menu-wrapper .menu-inside-wrapper {
		background-color: #eeeeee;
	}
}

Regards,
Sakin

[RichaardChubb]

Thanks, but what if I need the background across the whole page width, not just behind the menu items?

Also, on my iPad, the drop-down menu seems to drop down behind the content so you cannot click on anything on dropdown.

Thanks

[Sakin]

Hi Hi Richard,

If you want to make it to the whole page width then you need to give background color to the header. So, remove the previous CSS and then add the following CSS

.site-header {
  background-color: #38b6ff;
}

It’s strange why your menu on iPad is behind the content, please add the following CSS:

.site-header {
  z-index: 101;
}

Regards,
Sakin

[RichaardChubb]

That is perfect, thank you.

 

Final question on the menu, is there a way to make it sticky when you scroll?

 

Thanks

 

[Sakin]

Fr Sticky you can install a plugin called “Catch Sticky Menu” and in that plugin settings use the selector as

#masthead

[Author]

Posts