Styling the submenu

  • Hey there

    I’m using Airi on my website – I’ve set up a child theme and am editing the stylesheet directly. I’ve tried a number of things to change the background colours and font sizes on the second level navigation menu (sub menu) and it’s not working. Can you let me know how to style the sub menu please? I’m using Menu variation 1, and checked all the following:

    .main-navigation ul ul li [I’ve added styles here but they’re not coming through]

    .main-navigation ul .sub-menu [although I see now that’s set to display:none ??]

    all the .MenuStyle1 tags – can’t see any reference to a sub menu in those.

    Can you let me know how to edit this please? Thanks!

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

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

  • Hi,

    I am sorry for the delay.

    Try this CSS code:

    @media only screen and (min-width: 1200px) {
	 .main-navigation ul ul.sub-menu li {
		 background-color: #f00 !important;
		 font-size: 12px;
		 padding: 9px 12px;
	}
	 .main-navigation ul ul.sub-menu li:hover {
		 background-color: #fff !important;
	}
	 .main-navigation ul ul.sub-menu li:hover a {
		 color: #f00;
	}
	 .main-navigation ul ul.sub-menu li a, .main-navigation ul ul.sub-menu li a:active, .main-navigation ul ul.sub-menu li a:visited {
		 color: #fff;
	}
	 .main-navigation ul ul.sub-menu li a:hover {
		 color: #f00;
	}
}
    Thread Starter mrjeany

    (@mrjeany)

    Thanks Kharis! I really appreciate the help ??

    However I tried that code and the menu still isn’t changing…

    Just to check the steps:

    • I’ve added it as new custom code to the child theme style.css file
    • Changed all the colour values and also increased the font size to 14

    But the drop down menu is unchanged. What do you recommend I try next?

    Thanks!

    Thread Starter mrjeany

    (@mrjeany)

    Never mind! Turns out it was a caching issue. Clearing the cache through the caching plugin fixed it and now I can see the changes.

    Thanks so much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling the submenu’ is closed to new replies.