Change the background of the menu item if its on the current page

Store Design
1

Hi Shopify Gurus,

My website is www.pawtietime.com

I wish to change the background of the menu item to black if it’s active on that page. Is there a way to do that?

Example, on “HOME” it becomes black background with white text. but the rest aren’t.

ridhi01_0-1677416368624.png
ridhi01_0-1677416368624.png1648×100 101 KB

1 Like
2

Hi @ridhi01

This is Mike from Omega

You can try my solution.

  1. Open Theme → Edit code

  2. Open Assets/ base.css and paste these codes in bottom of file:

a[aria-current="page"] {
    background: #000;
}
a[aria-current="page"] span {
    color: #fff;
}

Hope my answer will help you

Mike from Omega

1 Like
3

wow thank you. this worked!