Background color option for mobile hamburger menu

dfarmer · August 11, 2019

When viewing my site on of mobile device, (or make the website small on your computer) the mobile menu does not have a background so if flows into my social links. Is there a way to put a background color on this or see through grey with opacity so the drop down menu shows better!

Site is http://www.darekfarmerphotography.com

Thank you for any help!

Hikin' Mike · August 12, 2019

Add this to your Theme's Custom CSS section:

.sm-user-ui .sm-page-widget-nav .sm-page-widget-nav-mobile-items-visible .sm-page-widget-nav-items {
  background-color: rgba( 0, 0, 0, .5 );
  padding: 0 5px;
}

Not sure if you'd want a transparent background. Edit to suit. The extra padding is to make the text (right/left) have some "breathing room".

dfarmer · August 17, 2019

Great, thank you so much! Worked like a charm!

Background color option for mobile hamburger menu

Comments