How to add a border to a single menu item in the Venue theme?

Store Design
1

Hi, I’ve purchased the Venue theme and am looking for a way to put a border around only one item in the main menu through the code editor. Could someone help me? Thanks.

2

Hey @mvdg1990 ,

Can you please send me the store URL and screenshot of the page where you required the changes?

3

Hi, thanks for your reply. The shop is onhttps://shop.mojokite.com I would like to put a border around the “Contact” menu item in the header. I’m comfortable editing the code, just can’t find where… Hope you can help me!!! Thanks.

4

Hi @rutvik_shop , did you have any ideas in the end to help me?

5

Hello @mvdg1990 ,

Thanks for sharing the URL and sorry for the delay in replying back.

Here is the CSS, please add this code in the theme-critical.css file at the bottom:

.header.header--center .primary-nav__item:nth-child(10) {
    border: 3px solid red;
}

Change the color and thickness of the border as you required.

1 Like
6

Thank you so much @rutvik_shop

1 Like