Can’t figure out why navigation buttons are “blacked” out in portrait phone view

[ad_1]

iPhone in portrait view … no buttons, but when I click it’s just black screen …. Buttons are there, but it’s like black on black.

If I rotate phone, then it works as expected.

I’m a relative noob to WordPress, so that’s likely the problem. It’s the default WordPress installation on BlueHost. Google searches haven’t helped.

[ad_2]
3 Comments
  1. Need to add a CSS media query to change the font color most likely but its impossible for anyone here to say more without seeing your site.

  2. I’m fairly new to WordPress as well, there is probably a proper way to do this, but like you said it’s black on black. I’m guessing it has something to do with the theme color, however as a quick but dirty fix you could target those buttons by using this:

    .wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open {
    color: white;
    }

    Again, while this may work there is probably a better way of doing this.

  3. try adding this to Appearance => Customizer => Additional CSS:

    “`
    @media (max-width: 600px) {
    .wp-block-navigation__responsive-container-content a.wp-block-button__link {
    background-color: #ffad33 !important;
    }
    }

    “`

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer