Mobile css colors help please

**shags38** · 17 Apr 2021, 05:02 AM

v1.5.7b php 7.3 responsive classic template

Yes again I need some help with css, please - refer image below for mobile view - I would like to be rid of the two dark bands, the background behind the navigation bar at the very top , and also the band below the logo and simply have a white background. I looked in responsive_mobile.css and changed what I thought was the correct entry but to no avail and I couldn't find the specific mobile reference in stylesheet_colors.css. I am either looking in the wrong place or not seeing the forest for the trees

assistance will be appreciated,
cheers Mike

mobile view

Click image for larger version.

Name: Screenshot_20210417-130707.jpg
Views: 20
Size: 46.1 KB
ID: 19515

desktop view

Click image for larger version.

Name: Clip-On-Earrings-Clip-Earrings-by-Dazzlers-Australia.jpg
Views: 19
Size: 34.1 KB
ID: 19516

**dbltoe** · 17 Apr 2021, 01:01 PM

mobile is mobile and the menu at the top is jquery.

So... In responsive_mobile.css, drop the #666 background for #navMainSearch1

In jquery.mmenu.all.css, drop the .header background of #333

**shags38** · 17 Apr 2021, 01:46 PM

Originally Posted by dbltoe

mobile is mobile and the menu at the top is jquery.

So... In responsive_mobile.css, drop the #666

In jquery.mmenu.all.css, drop the .header background of #333

Many thanks dbltoe - that did the trick! I had dropped #666 background for #navMainSearch1 prior to posting - but alas only in 'landscape' not realizing there were 2 sets of settings so therefore I didn't see a result.

I was hoping that removing the background colors would help with reducing the LCP in Chrome Lighthouse tests results but it is marginal at best (if at all with the variance of results from one minute to the next

)

thanks again,
cheers Mike