White menu and text on mobile

  • Unknown's avatar
    themonoline · Member ·

    I found this problem where the menu and texts on mobile are completely white and this causes a big problem for my users who are navigating through my website. However, this occurs at every page including newly created pages onward, except for the home, about and gallery pages.

    I’ve tried adding different css codes that I’ve found on the forums but to no avail. Is there a solution to this? I’m using the free Astra theme if it helps.

    WP.com: Unknown
    Jetpack: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to moderators and staff)

  • aleone89 · Staff ·

    Hello there,

    Ultimately you would need to contact Astra theme support here for help: https://wordpress.org/support/theme/astra/

    Looking at the site, it looks like this CSS snippet is the cause of the trouble there: 

    
.main-header-menu .menu-link, .ast-header-custom-item a {
    color: #fffefe;
}

    Please note that these forums are for WordPress.com hosted sites only. If your site is using the open-source WordPress.org software you need to seek help at these forums:
    https://wordpress.org/support/forums/

  • Unknown's avatar
    themonoline · Member ·

    Thanks for the reply Aleone! The code helped to change the menu’s texts. However I wish to make the menu’s background black as well to make it consistent throughout the site. Are you able to find the code for that too?

  • aleone89 · Staff ·

    Hello there,

    It looks like this CSS is causing that: 

    
.ast-header-break-point .main-header-menu {
    background-color: #f9f9f9;

    I would need to stress at this point, that I’d consider this code unreliable and you would need to contact Astra support to confirm. :)

  • Unknown's avatar
    themonoline · Member ·

    Alright, I will contact Astra support for confirmation. Thanks for the help though!

  • The topic ‘White menu and text on mobile’ is closed to new replies.