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

    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!

    #226590

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #227586
    This reply has been marked as private.
    #227593

    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

    #227596

    Cool – works great, thanks Yigit!
    :)

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

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