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!
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
Hi Rikard,
Thanks for your advice. I tried it out but it doesn’t seem to be working. Any other ideas?
Thanks!
Hi,
The login details you posted are not working, please check and verify:
ERROR: Incorrect username or password.
Best regards,
Rikard
Hi Rikard, Please see below for the info. Thank you for your help!
Hi,
Thanks for that. The CSS is applying to your site now, please review it.
Best regards,
Rikard
This is great, thank you so very much Rikard!! 🙏
Hi designyvr,
We’re happy to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko