Menu Bar Colour Query

  • dannylucky13sandwich

    (@dannylucky13sandwich)


    4 years, 1 month ago

    Hey gang, a bit of a strange one…

    The menu banner on my website appear as white text for me (which is correct), but other users are seeing blue text. It is white on my desktop and mobile, but blue on my iPad. I am puzzled to why; the setup seems correct to me.

    Site: https://www.lucky13sandwich.com
    Menus (top banner): HOME, LOCATIONS, ABOUT, CATERING, BAKERY, FRANCHISE

    Does anyone know why? And how to fix it? Any help is greatly appreciated.

    Danny

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • Your menu is a display based on the width of your screen. When your menu drops down to a mobile version is set to display as white. When the menu is bigger than 768px there is no text color for the menu so it displays as the default anchor tag which is set to blue. If you add the following code to the customizers custom css. it will display in white when the width size is greater than 768px. 

    @media (min-width: 768px){
.raven-nav-menu li.menu-item>a.raven-link-item {

    color: white;
}

}
    • This reply was modified 4 years, 1 month ago by mrtom414.
    • This reply was modified 4 years, 1 month ago by mrtom414.
    • This reply was modified 4 years, 1 month ago by mrtom414.
    Thread Starter dannylucky13sandwich

    (@dannylucky13sandwich)

    Hi mrtom414,

    Thank you so much for the simple response.

    I am very much an amatur on WordPress and kindly request some guidence. The website is setup with elementor, but they Menus panel is controlled separately on the main dashboard.

    Where do I input the code?

    Many thanks,

    Danny

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Menu Bar Colour Query’ is closed to new replies.

Tags