Mobile menu text colour will not change - by Niall

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

  • Avatar: Niall
    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!

    13 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 30, 2019 at 12:09

    Hello,

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

    Regards

    Avatar: Niall
    Niall
    Participant
    June 30, 2019 at 12:12

    Thank you!

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    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

    Avatar: Niall
    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…

    Avatar: Rose Tyler
    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

    Avatar: Niall
    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…

    Avatar: Niall
    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?

    Avatar: Olga Barlow
    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

    Avatar: Niall
    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?

    Avatar: Olga Barlow
    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

    Avatar: Niall
    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

    Avatar: Niall
    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

    Avatar: Rose Tyler
    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

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.