Solved

Shopify Dawn - How can I increase navigation Menu Font Size?

Wellanie
Shopify Partner
75 0 21

I already did it on my Debut theme, how should I do it on Dawn theme?

Wellanie_0-1633423621939.png

 

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Wellanie 

please Go to Online Store->Theme->Edit code then go to assets/base.css->paste below code at the bottom of the file.

.header__inline-menu .link { font-size: 1.8rem !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 11 (11)

Zworthkey
Shopify Partner
5581 642 1569

Hi @Wellanie,
Welcome to Shopify Community,
if you Give me your Store URL, So I think we can help you.
Thank You

Wellanie
Shopify Partner
75 0 21

https://ald-marketing.myshopify.com/?key=c37c79c241426aa259ac5403e6350804e36c3c35bd2427bead182a3d27c...

I wonder where to find the password now? before it is located at the bottom of the website when i check it.

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@Wellanie 

please Go to Online Store->Theme->Edit code then go to assets/base.css->paste below code at the bottom of the file.

.header__inline-menu .link { font-size: 1.8rem !important;}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
crush80
Visitor
1 0 0

Hi, I used your suggestion and it worked great thanks! how do I input the exact size of the font I want?

gauseldigital
Visitor
2 0 0

Cheers bro!

DJ_Guzda
Visitor
3 0 0

Hello, I just did this on the DAWN 12.0 and it worked  - thank you!

Do you have any recommendations on how I can bold the font; change the font style and choose a specific size (all for the header menu) ?

 

__jw__
Shopify Partner
6 0 3

To make it even easier, just paste that code in the Custom CSS for that section.  No need to go into the back end - just do it from the customizer.

Dunx
Shopify Partner
2 0 0

great thanks, and if I want the text to be aligned center how would I achievethat, I tried  text-align: center; but it didn't work? 

Zworthkey
Shopify Partner
5581 642 1569

Hii @Wellanie 

 

ul.list-menu.list-menu--inline a {
    font-size: 16px;
    font-weight: bolder;
}

 

Paste this code on top of the theme.scss file.

Thank You.

Esitsisters
Tourist
10 0 3

I used this code your provided:

 ul.list-menu.list-menu--inline a { font-size: 16px; font-weight: bolder; } in my dawn Shopify theme and now I have the word "copy" in the upper left side of my live version of my website. Please help me get rid of that!

nabilh17
Tourist
8 0 0

Hello, I'm using the spotlight theme. This is the website: https://innovativemeditech.com
Under "products" menu, there is a submenu and I want to change the font size of it. How to do it?