How can I Add an underline to these navigation tabs when hovering/clicking on it?

[gp11]

I would like the tabs “trending, new arrivals” etc to be underlined when it is active or when I am hovering over it. Store link : https://woodinspire.in

[PageFly-Theodor]

Hi @gp11

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Theodore | PageFly

[websensepro]

Hello @gp11 ,

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code to the bottom of the file

a.nav-link.active.show{
 border-bottom: 2px solid #796053;
}

Thanks

[gp11]

can I increase padding as well? some space between the text and the line?