Dawn theme - Nav + Hover + change text size

Store Design
1

Hi there,

I am using Dawn theme and would like my main nav menu items to have a hover effect,

Currently they have an underline (on hover) but I would like to remove that and instead decrease the font size. I would also like to see what it looks like if I was the change the font family.

Thanks for your help!

Emily

Screen Shot 2022-03-11 at 5.14.40 pm.png
Screen Shot 2022-03-11 at 5.14.40 pm.png2540×1318 137 KB

1 Like
2

Website address is: ti-ni.store

1 Like
3

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

4

and password = micmic999

5

@emmiii

Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL. and password,

your store is password protected.
So that I will check and let you know the exact solution here.

6

https://nb0gg04h89wlrw2i-62822613247.shopifypreview.com

and password: micmic999

7

https://nb0gg04h89wlrw2i-62822613247.shopifypreview.com

and password: micmic999

8

Hi @emmiii ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css->paste below code at the bottom of the file:
/* This css change font size */
.header__menu-item {
    font-size: 12px !important;
}
/* This css remove udnerline when hover */
.header__menu-item:hover span {
    text-decoration: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.