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

    Hi

    How can I add CSS for a border radius to the drop down sub-menu background?

    many thanks

    #335480

    Hi envapk2!

    Thank you for using Enfold.

    Please post a screenshot on how you want the submenu to look like. You can use imgur, dropbox, clipular etc.

    Regards,
    Ismael

    #335508

    Hi Ismael

    Something like this:
    http://www.carolinetrettine.com/test

    many thanks

    Peter

    #335863

    Hi!

    Thank you for the screenshot.

    Use this on Quick CSS or custom.css:

    ul.sub-menu {
    border-radius: 10px;
    }
    
    .av-main-nav ul li:first-child,  .av-main-nav ul li:first-child a {
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    overflow: hidden;
    }
    
    .av-main-nav ul li:last-child,  .av-main-nav ul li:last-child a {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    overflow: hidden;
    }

    Best regards,
    Ismael

    #336049

    Hi Ismael

    That’s perfect

    many thanks

    Peter

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘border radius for drop down menu’ is closed to new replies.