Tagged: menu
Good afternoon
I was wondering if you could tell me please how do I add a border around one menu item in the navigation. I have tried searching for it and couldn’t find it. You can see an example in one of your demos – please refer to the border around the Reservation button
Hey Ivana,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-menu-button > a .avia-menu-text {
border: 2px solid;
border-radius: 2px;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks for your response Victoria. I tried adding it both to quick CSS and also Enfold Child Additional CSS and neither of them worked.
I didn’t realise it required a change to the CSS, I thought it was part of the theme functionality, eg. Advanced styling.
I had done it on a website sometime ago, but couldn’t figure out how to do it this time and thought that perhaps the functionality had been removed.
Also with the code that you sent, would it not put the border around all the navigation buttons? I was interested in doing it just for one button. Below is a link to the website where I would like to change it.
Many thanks
Ivana
Not to worry Victoria, I figured it out – it can be done by going to the Menu then selecting “Menu Style”