I have decided to forgo the mega menu route with this current website. Perhaps I will re approach this topic another day with a different website but thank you for being available.

My main concern is that in mobile view my navigation when opened it is not readable. It has a transparent background so it is hard to read. I’d like to be able to set a color background for mobile view ONLY while maintaining the current transparency for desktop viewing. I have tried adding a color in the enfold > general styling > logo area background but it makes my header white and I lose the visibility of the background image. Please help me keep my current set up while simply adding a background color to the mobile navigation.