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

  • 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 4 months, 1 week 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.


    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)
  • You must be logged in to reply to this topic.