Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1289280

    Hi,

    I’d like have the drop down menu’s last option be curved on the bottom and have attached a screenshot of the menu.

    I tried to target the last menu option directly, and am able to change the hover state’s bottom border radius. However, the regular state does not show bottom curves, not sure where I’m going wrong. Can you please advise on how to apply the bottom border radius to the regular state? Here’s what I have in the Quick CSS:

    #menu-item-2494 {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    }

    #menu-item-2494 a {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    }

    Thank you so much for your help!

    #1289784

    Hey designyvr,

    Please try to apply it to the sub menu ul:

    #menu-item-1337 ul.sub-menu {
        border-bottom-right-radius: 5px;
    }

    Best regards,
    Rikard

    #1290007

    Hi Rikard,

    Thanks for your advice. I tried it out but it doesn’t seem to be working. Any other ideas?

    Thanks!

    #1290704

    Hi,

    The login details you posted are not working, please check and verify:

    ERROR: Incorrect username or password.

    Best regards,
    Rikard

    #1290767

    Hi Rikard, Please see below for the info. Thank you for your help!

    #1291303

    Hi,

    Thanks for that. The CSS is applying to your site now, please review it.

    Best regards,
    Rikard

    #1291472

    This is great, thank you so very much Rikard!! 🙏

    #1291839

    Hi designyvr,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Drop Down Menu – Change border radius?’ is closed to new replies.