Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #226507


    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!



    Can you post the link to your website please?


    This reply has been marked as private.


    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



    Cool – works great, thanks Yigit!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Rounded menu’ is closed to new replies.