Mobile Menu Illegible

Piscataway

Hello,

The menu on the home page of [https://olliphotoclubgmu.smugmug.com] is legible on a PC but not on my phone. Below is a photo of the home page on a phone. I've been able to make the menu legible on the phone by using a "mask" to darken the cover image, but I don't want the site to look like that. Alternatively, is there a way to provide a dark background just for the menu on the home page, similar to the way a menu appears on the rest of the site's pages, for example, the Competition page photo below?

Thanks.

Home Page Menu

Competition Page Menu

Hikin' Mike

Add this to your theme's custom CSS section:
.sm-page-widget-nav .sm-page-widget-nav-mobile-items-visible .sm-page-widget-nav-items {background: rgba( 0, 0, 0, .7 )}

Adjust the .7 from 0 to 1 to vary the opacity of the black background.

Piscataway

Thanks, Mike! Exactly what I was hoping for.
Smugmug has a lot going for it, and you're a significant part of that.