border around menu

sienie · June 2021

Dear betheme,

is it possible to make a round border around the menu? As shown in the image.

Thanks!

Phil · June 2021

Hello,

Yes, it is possible to achieve that with CSS code. You need to place in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Do you need help to write it? For example, you want to apply it to only a particular menu item, or all of them?

Best regards

sienie · June 2021

Yes please!

The border needs only to be around the page that is open.

Phil · June 2021

Please, use the following code:

body.menuo-no-borders #Top_bar .menu > li.current-menu-item > a span{
   border: 1px solid #000!important;
   border-radius: 20px!important;
}

Thanks

sienie · June 2021

Thanks Phil!!!

Comments