Need help with Navigation CSS.

Solved
Highlighted
Shopify Partner
6 0 1

Hello,
I am trying to achieve a similar result as shown in the navigation menu of this website www.thesoorat.com

I am transfering this website to shopify and they want "SEDIT" written exactly like it is written on the current site with "S" in red color. Anyone can help me with this?

https://the-soorat.myshopify.com/

 

Password to access site: stiagg

0 Likes
Highlighted

This is an accepted solution.

Please use following code to update the color using JS

 

$('.site-nav li.menu-lv-1.item span').each(function(){
    let txt = $(this).text();
    if( txt.indexOf('SEDIT') > 0 ){
        $(this).html("<span style='color:#e03826'>S</span>EDIT");
    }
})
Shopify Expert - https://experts.shopify.com/lucentinnovation
0 Likes
Highlighted
Shopify Partner
6 0 1

Sorry to ask again. Where should I add this code? In the name field while adding it to navigation?

0 Likes
Highlighted
Shopify Partner
6 0 1

Thanks! It worked. I just added the following code in the name field from your solution & it worked.

 

<span style='color:#e03826'>S</span>EDIT

0 Likes