Return to previous page

Mobile menu text colour will not change - by Niall

This topic has 14 replies, 3 voices, and was last updated 4 years, 9 months ago ago by Rose Tyler

Niall

Participant

June 30, 2019 at 12:01

I am trying to get the mobile menu text colour of my site to be white.

I have edited this in Typography > Menu > Customize Mobile Menu Links > Colors

But will not change the text colour. Have tried clearing the cache multiple times, tried using different and new browsers on mobile and desktop and text always appears as a dark grey colour that can’t be read over the black background.

Any suggestions would be welcome!

#216421 Copied Theme version: 5.4

13 Answers

Rose Tyler

Support staff

June 30, 2019 at 12:09

Hello,

Please provide URL and temporary wp-admin access http://prntscr.com/o8l1q8

Regards

#216423 Copied

Niall

Participant

June 30, 2019 at 12:12

Thank you!

Please contact administrator
for this information.

#216424 Copied

Rose Tyler

Support staff

June 30, 2019 at 12:35

Color of mobile menu links works fine https://prnt.sc/o8l9xc , you need to clear the cache of W3 Total Cache plugin and cache of the browser on your mobile.
As I can see, you have updated the theme but not Core plugin http://prntscr.com/o8l7t4 Please follow this article https://xstore.helpscoutdocs.com/article/37-plugins-update and update XStore Core plugin to 1.2.3 version, it should fix problem with shortcodes on your site.

Regards

#216426 Copied

Niall

Participant

June 30, 2019 at 13:15

Hello,

Still having problems with this. I had already cleared caches in everything. Have cleared website cache, browser cache on mobile and cache on desktop and it is still appearing grey colour and hardly readable.

I have contacted someone who has never visited the site before and asked them to check and it is grey for them too…

#216431 Copied

Rose Tyler

Support staff

June 30, 2019 at 13:23

Hello,

Let’s go step by step:
1) Update Core plugin via FTP to 1.2.3 version
2) Theme Options >Typography > Menu > Customize mobile menu links > set White color http://prntscr.com/o8lnlg and save changes
Let me know the result, provide a screenshot.

Regards

#216433 Copied

Niall

Participant

June 30, 2019 at 15:01

Hello,

https://prnt.sc/o8mi0y

https://prnt.sc/o8mi5j

Screenshot above of phone and site squashed on desktop so mobile menu appears.

I updated plugin via FTP as instructed, I changed the colours to white as shown (currently set as this) and cleared cache in WP then cleared it in my browser on Desktop and Phone and it still shows as this grey colour…

#216444 Copied

Niall

Participant

June 30, 2019 at 20:54

Had a family member visit and got them to visit the site just and the text appears grey for them as well. Is there any CSS code or anything I can use to combat this issue?

#216449 Copied

Olga Barlow

Support staff

July 1, 2019 at 12:06

Hello,

That’s very strange because we have checked on different mobile devices and don’t see problem http://prntscr.com/o8zje4
Also, if we use emulation also everything is ok https://gyazo.com/e697c2db90f9aa6bfc62b90e1e170d5e

Do you have the problem with the menu for all the pages or maybe just for 1 specific page? Provide link to that page.

Regards

#216466 Copied

Niall

Participant

July 1, 2019 at 19:01

Problem is on every page on the site.

Today I visited my parents and got their phones and visited the site from their home and it appears grey too!

Is there any CSS code I can add to override anything?

#216488 Copied
Olga Barlow

Support staff

July 2, 2019 at 08:57
Hello,

Try to add that code to child theme style.css
```
.mobile-menu-wrapper .menu > li > a {
    color: #fff !important;
}
```
Clear the plugin cache after that and check.

Also, could you, please, inspect the element using Chrome inspector tool and check if you have the following styles for the mobile menu links http://prntscr.com/o9eq6e Would be great if you could provide a screenshot or video with styles that you have for that element while inspecting the menu.

Regards
#216495 Copied
Niall

Participant

July 2, 2019 at 13:39

Hello,

That code has been added, cache cleared on WP, Desktop and Mobile browser and still the same

https://prnt.sc/o9j9jx

Here is a screenshot of what I see in inspection – still shows #222222 as the font colour

Many thanks

#216506 Copied

Niall

Participant

July 2, 2019 at 17:37

Ok, it is now working on desktop when I squish down chrome to mobile size and it is working on mobile through Firefox but when on Chrome on the mobile it still comes up as grey?!

I have deleted my cache/history etc. and tried normal and incognito

#216509 Copied

Rose Tyler

Support staff

July 3, 2019 at 09:10

Hello,

I’ve checked the menu on Chrome on my mobile and the color is white there.
Have you cleared the cache according to this instruction https://support.google.com/accounts/answer/32050?co=GENIE.Platform%3DAndroid&hl=en ?
What version of the Chome browser do you use?

Regards

#216532 Copied
Viewing 14 results - 1 through 14 (of 14 total)