Navigation Bar / Menu Customisation - Colour & Underline

ledwards
Tourist
9 0 2

Hi, I'm trying to create a navigation bar with a similar style. Specifically, I would like the text to change colour and become underlined when a tab is clicked. Can someone please advise me on how to achieve this? Thank you.

 

ledwards_0-1681891780524.png

ledwards_1-1681891990075.png

 

 

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
7860 1527 1554

Hi @ledwards please share your store URL to check. 

- Helpful? Like and Accept solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

ledwards
Tourist
9 0 2

Hi Dan, thanks for looking into this for me. I appreciate your help!

 

The site is https://e84871.myshopify.com/password 

Password: passwordtemp

Typostore
Shopify Partner
117 11 13

Hello @ledwards , you can provide url site, I'll check help you

Thanks

- I'm dev shopify. | Skype : hoang.nguyenit92 | Email: typostores@gmail.com
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution
ledwards
Tourist
9 0 2

Hey, thank you for your reply.

The site is https://e84871.myshopify.com/password 

Password: passwordtemp

Typostore
Shopify Partner
117 11 13

Hello @ledwards , first you need create sub menu for this, because when I check on your site, I don't see any submenu: https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus

after you create it, pls let me know, I'll check it for you

- I'm dev shopify. | Skype : hoang.nguyenit92 | Email: typostores@gmail.com
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution

1425085
Shopify Partner
5 0 0
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Generator" content="Microsoft Word 15 (filtered medium)" />&lt;!--&lt;br&gt;/* Font Definitions */&lt;br&gt;@font-face&lt;br&gt; {font-family:"Cambria Math";&lt;br&gt; panose-1:2 4 5 3 5 4 6 3 2 4;}&lt;br&gt;@font-face&lt;br&gt; {font-family:Calibri;&lt;br&gt; panose-1:2 15 5 2 2 2 4 3 2 4;}&lt;br&gt;/* Style Definitions */&lt;br&gt;p.MsoNormal, li.MsoNormal, div.MsoNormal&lt;br&gt; {margin:0in;&lt;br&gt; font-size:11.0pt;&lt;br&gt; font-family:"Calibri",sans-serif;}&lt;br&gt;a:link, span.MsoHyperlink&lt;br&gt; {mso-style-priority:99;&lt;br&gt; color:blue;&lt;br&gt; text-decoration:underline;}&lt;br&gt;.MsoChpDefault&lt;br&gt; {mso-style-type:export-only;}&lt;br&gt;@page WordSection1&lt;br&gt; {size:8.5in 11.0in;&lt;br&gt; margin:1.0in 1.0in 1.0in 1.0in;}&lt;br&gt;div.WordSection1&lt;br&gt; {page:WordSection1;}&lt;br&gt;&lt;br&gt;
CLIFTONRONE