Support » Theme: Sydney » Mobile Menu drop down list color change

  • Muhamadi

    (@muhamadi)


    How to change font and background colors of Menu drop down list that appears in Mobile View?
    I mean the menu that appears when you click on hamburger/3stripes in Mobile View.

    • This topic was modified 7 months ago by  Muhamadi.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Hello there,

    You can use the below CSS code:

    
    #mainnav-mobi {
      background-color: #fff000;  
    }  
    
    #mainnav-mobi ul li {
      border-color: #ff0000;  
    }  
    
    #mainnav-mobi ul > li > a {
      color: #ff0000;  
    }  
    
    /* Sub menu */
    
    #mainnav-mobi ul.sub-menu {
      background-color: #ccc;  
    }  
    
    #mainnav-mobi ul ul.sub-menu li {
      border-color: #ddd;  
    } 
    

    To apply it to your site, add it into Appearance > Customize > Additional CSS in your site dashboard.

    Regards,
    Kharis

    Muhamadi

    (@muhamadi)

    Hi, @kharisblank,

    This is exactly what I need.
    Thank you.

    You’re welcome and best wishes!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Menu drop down list color change’ is closed to new replies.