I would like to change the font of the navigation bar on the header to ‘Poppins’ font. I would like to make this change for all devices (including the drawer on mobile view). URL: https://ortho-cushion.com/ Any advice is really appreciated. [Screenshot 2023-03-12 200547.png]

Hi, @BraxtonEcom ! To change your header font to poppins - follow these steps: Go to your Shopify admin panel and navigate to Online Store > Themes. Click on the Actions button next to your Dawn Theme and select Edit Code. In the left-hand sidebar, find and select base.css from the list of files. …

Thanks for replying. I’ve added the code and it doesn’t seem to have worked?

Could you try adding the code to the custom css in the header section settings?

Hi @BraxtonEcom This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea: Online Store ->Theme ->Edit code Assets ->Base.css .header__menu-item span { font-family: 'Poppins' !important; } Hope you find my answer helpful! Best regards, Victor | PageFly

This worked for me thank you, but only on desktop not mobile. Any idea what I could do? Could you also help with specifically changing the font on all buttons too if possible please? All the best :slightly_smiling_face:

How to change the font typography of header navigation bar (Dawn Theme)

Store Design

belleofbree May 23, 2024, 10:46am 7

perfect! Just replace with any other font family name and voila!

Topic		Replies	Views
How To Change The Font Typography Of Header Navigation Bar (Dawn Theme) Store Design design , customizations , css , shopify-themes	2	47	March 13, 2023
DAWN THEME: Change header menu font Store Design	3	45	June 16, 2022
Font-size for navigation bar in dawn theme Technical Q&A	6	103	October 24, 2023
Change font of header navigation menu Store Design design	5	97	July 2, 2024
How to change the menu header font in the Dawn theme? Shopify Discussion	3	72	October 1, 2022

How to change the font typography of header navigation bar (Dawn Theme)

Related topics