Refresh theme: add buttons around navigation bar menu items

[emibean417]

Looking to add buttons to around the menu bar area in navigation bar.

website:detailersdreamproducts.com

[made4Uo]

Hi @emibean417 ,

Can you elaborate your request? What buttons are you trying to add?

[emibean417]

I am essentially looking to just add borders around the menu items to make them stand out, almost to look like a button.

[made4Uo]

@emibean417

I think I got what you mean. Please follow the instructions below.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

.header__menu-item.header__menu-item.list-menu__item > span {
    border: 1px solid;
    padding: 0px 5px;
}

[emibean417]

Thank you for your help and quick response.

[primetech]

what about if you only need to do it for just one menu item. For example ABOUT US, I want to add CSS style to only one menu item in the main menu

[asad308]

Hey,

I need to do it for my menu button like "about us " and want to make him a animated button. i apply my css using inspect in li tag but i just want to add at only one li tag of menu.

Here you can see i just want this in menu for two buttons