Font-size for navigation bar in dawn theme

Technical Q&A
1

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

1 Like
2

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

3

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

4

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 (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

You can change the values as per your wish

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

diego_ezfy_0-1632291625826.png
diego_ezfy_0-1632291625826.png1600×226 65.7 KB

Kind regards,
Diego

12 Likes
5

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

6

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
shops.png840×100 5.52 KB

1 Like
7

Can you please help me resize my store name only in the header? I have searched online high and low and have not found a single comment about this. I use Dawn 11.0, I removed my logo and just want my store name which is in its place to be bigger. If I use the headings setting in typography it changes the size of all headings in the store which I don’t want. And I don’t want to change the size of the menu items either, just the store name in the header only please.