I have this same issue, and while we’re here, I’d like to be able to change the padding between menu items please!
drumlessonsinbristol.com
If you hover over menu > info, you’ll see some anchor links. These are all highlighted. It’d be nice if they weren’t, but I can live with it if I can get rid of the padding!
Ok, interesting development–
I’d used some CSS to change the padding of bulleted lists and it turns out this was affecting the items in my menu.
Any way to make these alterations independently of one another?
Apologies if it seems like I’m hijacking your thread, loco– not my intention!
Hey loco2402,
in your theme options > custom css box you can add this css:
.sf-menu ul {
top: 70%;
}
Hey dancoxdrums,
Padding between? are you talking about the dropdown items or the main three items in your menu?
The highlight is becuase they are all the current page. You can remove that with this css:
#nav-main ul.sf-menu ul li.current-menu-item a {
background: transparent;
}
You can always make css more specific to only target certain things. Can you tell me what your adding and what you want it to effect?
Kadence Themes
Hey, I was talking about the dropdown items, yeah. I’m fairly happy with this part of the page now but I have another issue, which I’ll post in a separate thread.
Thanks for the help!
