FROM CACHE - en_header

font-size for navigation bar in dawn theme

Baasith
New Member
4 0 0

can some please help how to change the font size of the navigation bar in dawn theme. I have searched many vary sites and community pages but I couldn't get any results. please help I need to show to my client within this week please help. thank you in advance

Replies 5 (5)
Zworthkey
Shopify Partner
5581 642 1507

hii, @Baasith 
Kindly share your store URL so,
I can solve your issue.
Thank You.

Baasith
New Member
4 0 0

I have tried and found a solution brother. anyhow thanks for willing me to do some help.

 

diego_ezfy
Shopify Partner
2791 526 714

For anyone else coming across this issue, do this to fix it in 20 seconds:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:


 

<style>
.header__menu-item.header__menu-item{
    font-size: 20px !important;
}

.menu-drawer__menu.list-menu li *{
    font-size: 10px !important;
}
</style>

 



You can change the values as per your wish

20px = font size on desktop
10px = font size on mobile

diego_ezfy_0-1632291625826.png



Kind regards,
Diego

javencera
New Member
2 0 1

This instructions worked for me. Thank u very much Diego.

Baasith
New Member
4 0 0

here I am going to attach new update:  to change anything from headers for an example font size, weight, color or anything regarding that we should follow another way. Image is attached below.

 

The root to make changes therefore:   selecting the theme => actions => edit code => header.liquid =>  .list-menu__item => here you can attach any css commands to make changes.
shops.png