Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Mobile menu text and background color


I'm using the Wells template the site is live but the mobile menu back ground and the text has very little contrast so impossible to read.  I'm unable to find CSS code to change colors of the text and or background.  Any help is greatly appreciated.


Edited by JoeGi

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 0

Can you share link to your site?

Send me a message if you have any questions (free 10 minutes).

4000+ free code: Adirondack - Avenue - Brine - Bedford - and more (all 7.0 template & 7.1)

Useful guide: How to share url (trial plan) - 2 languages site - 3 languages

Plugins: Product Enquiry Form - Product Color/Image Swatch VariantLightbox Anything

Learn CSS Basic: Treehouse - W3Schools - Flexbox

Other groups: SS Customization Resource Group - SS CSS Support - SS Community


Share this post

Link to post
  • 0

Hi @JoeGi

Here's a suggestion:

#mobileNav {
                background-color: hsla(0, 0%, 100%, 1);
#mobileNav li {
a {
                color: hsl(0, 0%, 0%) !important;
                font-weight: 400;
                line-height: 1.3em !important;
&.active-link a {
                font-weight: 700 !important;



Edited by MagneM

Share this post

Link to post
  • 0


I forgot to mention that messing with the line-height
may result in too much empty space top/bottom.

Add this line together with the background-color
if necessary.

 height: 150px !important;


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...