How can I balance menu item highlighting on Dawn theme?

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

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;
}

1 Like

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:

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

Best Regards,
Moeed

1 Like

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

thank you Dan

Thanks Moeed

Thanks Artzen

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