How can I balance menu item highlighting on Dawn theme?

Store Design
, , , , , , , ,
1

Hi,

I’ve managed to highlight the ‘shop’ menu item on my product page but it appears to be too prominent compared to the highlighting for the “Contact” menu item when I’m on the Contact page.

Thanks in advance for your help

Alex

2

Hi @Alex087

Please edit this code that you added

a#HeaderMenu-shop {
text-decoration: none;
background: #7069BC;
color: #fff;
font-weight: 700;
border-radius: 7px;
}

To this

a#HeaderMenu-shop span {
text-decoration: none;
background: #7069BC;
color: #fff;
font-weight: 700;
border-radius: 7px;
}

Screenshot 2023-09-14 at 14.56.46.png
Screenshot 2023-09-14 at 14.56.46.png1080×386 52.8 KB

1 Like
3

Hey @Alex087

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1694677893328.png
Moeed_0-1694677893328.png1891×789 131 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
4

Hello @Alex087
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:

  1. Go to your Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following CSS at the bottom of the file above 
​

Let me know if need further assistance
Regards,
Artzen Technologies

1 Like
5

thank you Dan

6

Thanks Moeed

7

Thanks Artzen

8

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like