Submenu – Dropdown Color

  • Author
    Posts
  • #131346

    tarentooten
    Member

    How do I change the hover/dropdown color of submenu items? For example, when you hover on “About”, I want to change the black background behind “About Us” and “Founder” and the same for “Packages” under “Services”.

    Thank you!!

    The blog I need help with is orchidaffairs.wordpress.com.

    #131347

    tarentooten
    Member

    In addition, not only for the submenu dropdown colors, but also on the mobile version, the background of the full menu is black. Can this be changed? Thank you!!

    #131506

    thelukemcdonald
    Theme Author

    You can try using the following custom CSS to change the colors of submenu links and mobile menu dropdown:

    .site-navigation .sub-menu a {
      color: #ffffff !important;
    }
    
    @media screen and (max-width: 767px){
      .site-navigation a {
        color: #ffffff !important;
      }
    }

    Let me know how that works for you.

    #131539

    tarentooten
    Member

    Thank you! I coding worked to change the color of the text, but not the black background. Is the black background something I can change?

    #131683

    thelukemcdonald
    Theme Author

    The code above was to change the text color. Try using the CSS code below for the background color.

    .site-navigation .menu {
      background-color: #ff0000;
    }
    
    @media screen and (max-width: 767px){
      .site-navigation .sub-menu {
        background-color: #ff0000;
      }
    }

You must be logged in to reply to this topic.