Sydney – Sub-Sub-Menu background colour?

  • Chris Mclaughlin

    (@civicninja94)


    3 years, 7 months ago

    Hi guys,

    Is there any way of making the sub-sub-menu a different background colour to the sub-menu? Or alternatively make the background colour of the page item cell a different colour on hover?

    Thanks
    Chris

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • joslammers

    (@joslammers)

    3 years, 7 months ago

    I have a similar question: the submenu-background hover-over color is now some kind of pink. It would be nice to have a CSS-code to adapt that.

    Thanks for helping!

    Jos

    Kharis Sulistiyono

    (@kharisblank)

    3 years, 7 months ago

    Hi @civicninja94, I am sorry for the delay! And thank you for chiming in @joslammers!

    Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard. 

    @media only screen and (min-width: 1025px) {
  
  #mainnav ul li .sub-menu > li {
    background-color: #fff000 !important;
  }
    
  #mainnav ul li .sub-menu > li:hover {
    background-color: #ff0000 !important;
  }    
    
}
    joslammers

    (@joslammers)

    3 years, 7 months ago

    Hi Kharis,

    On my website this code doesn’t change anything. Background of submenu is black (as chosen in customizer), on hovering over the backgroundcolor changes per item in pink. Another color would be nice…

    Jos

    joslammers

    (@joslammers)

    3 years, 7 months ago

    Ah, I pasted something together from old and this new advice about the submenu colors and this works fine on PC en mobile:

    #mainnav ul ul.sub-menu li a:hover {
    background-color: #f76500;
    }

    #mainnav-mobi ul ul.sub-menu li a:hover {
    background-color: #f76500;
    }`

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Sydney – Sub-Sub-Menu background colour?’ is closed to new replies.