Tagged: menu, navigation
Hi,
I’d like to create a menu where the top level navigation is a circle shape, and the other (2nd and 3rd level navigation) is rectangular with hard edges. All nav boxes have a fixed width…
I know the css codes for radius, but don’t know exactly where to put it. (I’m not a CSS crack, and I find all the nested ul and li a bit hard to comprehend.
Can someone please point me towards some already-existing Enfold CSS code, which I can then copy & paste into custom.css, so I only need to add my required border radius? Or is is it really a bit more complicated than that?
Thanks a lot!
Hi,
Can you post the link to your website please?
Regards,
Josue
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab as a starting point and adjust as needed
.header_color .main_menu ul:first-child>li>a {
color: white;
border-radius: 100px;
background-color: red;
}
You may need to hire a freelancer developer to achieve what you would like
Regards,
Yigit
Cool – works great, thanks Yigit!
:)