How to highlight a single navigation menu item?

AliceDo
New Member
2 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

 

 

0 Likes
HardikDavra
Shopify Partner
2327 367 999

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;
}

 

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
AliceDo
New Member
2 0 0

Hello HardikDavra, 

Thanks a lot! Now I can do it  

0 Likes
HardikDavra
Shopify Partner
2327 367 999

@AliceDo  Thank you for the update.

PageFly Landing Page Builder - #1 Choice For Responsive, SEO-friendly Landing, Product Page.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes