Responsive Navigation White on White

  • This is the first time I have used the Zeever theme, and it looks fine. However, I found early today that when it is in responsive mode for phones, when you click the 2 bar hamburger for the menu, it shows a white background with white text. This is bad. If you turn the phone on its side, the menus show fine. How can I fix this. I am not a programmer, so please give me the fix for using WordPress and not coding the php files. Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Yoga

    (@yogajegstudio)

    Hi @elyod

    There are two options you can do:
    1. Switch to Gutenverse Nav Menu block, you need to install Gutenverse plugin to use this. You are currently using the default WordPress navigation menu block which has limited option in responsive styling.

    Or

    2. You can add this custom styling to Dashboard -> Appearance -> Customize -> Additional CSS:

    @media (max-width: 599px)
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: #000000;
}

    For option no.2 you can change the color HEX number to your own color.

    Thread Starter Ron

    (@elyod)

    Still the same. I made the second choice. I installed the first one when the 2nd failed but couldn’t find where to change it.

    Next please?

    Ron

    Yoga

    (@yogajegstudio)

    Hi @elyod

    If you can’t find the customizer option, you can access it using your URL site.
    Example: https://yoursitename.com/wp-admin/customize.php

    Change yoursitename.com to your site URL.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Navigation White on White’ is closed to new replies.