jpaul Posted March 31, 2020 Share Posted March 31, 2020 Hi there, On our website (not currently live) when you open the menu on a page that has lots of text on it, the menu and text overlap so you can't read the menu. I'll include an example of this below. We're trying to change the background colour to something solid to avoid this issue. Talked to support and it's not possible there so have tried tons of CSS. This is the closest so far but it's only filling 2/3 of the screen height wise. Any help would be greatly appreciated. Thank you! @media screen and (max-width:940px) { nav.header-menu-nav-list { background: #e3dfd7; } } Link to comment
jpaul Posted March 31, 2020 Author Share Posted March 31, 2020 Hello @tuanphan, the code shown above was actually code we found on a thread about Almar from January which you'd answered. If you might have any ideas we would really appreciate any insight. Thank you so much for any help you may be able or willing to give! Link to comment
tuanphan Posted April 1, 2020 Share Posted April 1, 2020 For future users, try adding to Home > Design > Custom CSS /* 767 for mobile */ @media screen and (max-width:767px) { .header-menu-bg.theme-bg--primary { background: red !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
lb1 Posted April 4, 2020 Share Posted April 4, 2020 @tuanphan thank you so much! The white text mobile navigation menu was not visible on my website without your custom code to force a solid colored background. Much appreciated. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.