URGENT! DROP DOWN MENU COLOR CHANGE

  • The drop down menu colour changes when i insert something like this with the correct colours:

    .site-navigation,
    .site-navigation .sub-menu a {
    color: #00000;
    }

    .site-navigation .sub-menu {
    background-color: #ff0000;
    }

    .site-navigation .sub-menu::after {
    border-bottom-color: #ff0000;
    }

    However, when viewed on a mobile device it it comes up as white. Please help!

    The blog I need help with is: (visible only to logged in users)

  • Hi there, I’m not entirely sure where you are wanting to go with this, but you might, as a start, want to replace what you have with the following. I’ve used the !important keyword to force the color declaration.

    .site-navigation,.site-navigation .sub-menu a {
    	color:#000 !important;
    	border-bottom: 1px solid #ddd;
    }
    .site-navigation .sub-menu {
    	background-color:#fff;
    }

    See what you think and let me know.

  • Thank you so much! What should I use to make the menu all white with black font?

  • We can do that. Change what you have to the following.

    .site-navigation, .site-navigation .sub-menu a, .site-navigation a {
        border-bottom: 1px solid #ddd;
        color: #000 !important;
    }
    .site-navigation .sub-menu, .site-navigation .menu {
        background-color: #fff;
    }
    .site-navigation a:hover, .site-navigation a:active {
        color: #000 !important;
    }
  • The topic ‘URGENT! DROP DOWN MENU COLOR CHANGE’ is closed to new replies.