How to highlight a single navigation menu item?

AliceDo
New Member
6 0 0

Hello all Shopify community,

Please help to guide me on how to highlight one menu item on my web page (www.upfos.com.vn), in which I want to change the part "Đăng Nhập UPFOS" as a button with blue color background (code: 4a89e2) and text should be white.

I do not know exactly which code can work, and where I should place the code. 

Thanks in advance! 

AliceDo_0-1625280118395.png

 

 

Replies 4 (4)

Hardik29418
Shopify Partner
2858 407 1073

Hello @AliceDo 

Welcome to the Shopify Community.

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

a[href="https://go.upfos.com/"] {
color: #4a89e2 !important;
}

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
AliceDo
New Member
6 0 0

Hello HardikDavra, 

Thanks a lot! Now I can do it 🙂 

Hardik29418
Shopify Partner
2858 407 1073

@AliceDo  Thank you for the update.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
Puy
Shopify Partner
17 0 2

hello need help, i've managed to highlight the shop like the best sellers but i need it to be encircled like this one pleaseScreen Shot 2022-07-03 at 19.47.56.png

 also another question! how to add a menu in the home page like this?

Screen Shot 2022-07-03 at 19.48.06.pngScreen Shot 2022-07-03 at 19.50.08.png
thanks a lot!!