CSS Help: Menu Color Inconsistent on Mobile

  • Resolved Cidneym

    (@cidneym)


    6 years, 6 months ago

    Hi there,

    When I am on a mobile device, a pink box appears around my menu button. I want the color of the whole menu to be #0b223e. I am looking for some CSS that I can put into the customizer that will get rid of the pink box! Thank a bunch!

    Link to screenshot on mobile

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

Viewing 1 replies (of 1 total)
  • Thread Starter Cidneym

    (@cidneym)

    Resolved with using different CSS code below. 

    .nav-menu > li > a:after {
color: #0b223e); 
}

.main-navigation a, .social-links ul a:before {
color: #ffffff; 
}

.menu-toggle, .menu-toggle:hover, .menu-toggle:focus {
color: #eee8aa; 
}

.main-navigation.toggled ul ul, .main-navigation.toggled ul ul a {
color: #0b223e;
 }

.site-info a {
color: #FFFFFF; 
}

.main-navigation li.current_page_ancestor > a, .main-navigation li.current-menu-ancestor > a {
color: #0b223e; 
}

.main-navigation a:hover, .main-navigation ul > :hover > a, .main-navigation ul > .focus > a {
color: #eee8aa; 
}

.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
color: #ffffff;
 }

.main-navigation, button {
    background-color: #0b223e;
}
Viewing 1 replies (of 1 total)
  • The topic ‘CSS Help: Menu Color Inconsistent on Mobile’ is closed to new replies.