How can I adjust the font size of Dawn theme's main menu header?

Technical Q&A
1

Hello,I am correctly using Dawn theme 6.0.2 .

How can I change the font size of header main menu,please?

2

@elizqiao ,

Share the store URL…

3

@elizqiao Please send me store url.

4

www.lovedesigngifts.com

5

@elizqiao ,

ul.list-menu.list-menu--inline li a, summary.header__menu-item.list-menu__item.link.focus-inset {
    font-size: 22px;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like
6

Thank you,can we also make this font to be bold?

7

Hi @elizqiao

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.header__menu-item.header__menu-item.list-menu__item link.link–text.focus-inset{

font-size: 24px !important;

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

Best regards,

Richard | PageFly

8

@oscprofessional Thank you,can we also make this font to be bold?

9

@elizqiao ,

ul.list-menu.list-menu--inline li a, summary.header__menu-item.list-menu__item.link.focus-inset {
    font-size: 22px;
  font-weight: bold;
}

use this

10

Hi I am wanting to do the same but I am running 2.0 (I know time to update but I’m daunted by the changes/correctios!)

11

@LittleGoddess ,

Please share your issue & URL with screenshot.

12

I have attached I would like to enlarge the header font please. I am running Dawn 2.0