How To Change Text Font Drop Down Menu Mobile (Dawn Theme)

Store Design
, , , , ,

Topic summary

Change the font of the mobile drop-down menu in the Dawn theme, keeping the current size. The requested font is Archivo Narrow.

Clarifications were requested about the exact font and size, which the requester confirmed: use Archivo Narrow with no size change.

Proposed guidance varied: one reply suggested adjusting colors in Theme Settings (main/menu color), which does not address the font change. Another reply outlined adding custom code in theme.liquid above , but the actual code snippet is missing from the post, so the solution cannot be applied or verified.

A screenshot and a password-protected preview link were provided to illustrate the mobile menu context.

Current status: unresolved. A concrete, working method (e.g., CSS targeting the mobile menu and properly loading Archivo Narrow) has not been shared in the thread. Next needed: a valid code snippet or precise steps to apply Archivo Narrow to the mobile drop-down menu only, while preserving the existing font size.

Summarized with AI on December 30. AI used: gpt-5.
1

Thanks in advance!

I’m looking to change the font of the text just in the drop down menu on mobile view. Example shown below.

IMG_0484.jpeg
IMG_0484.jpeg1171×1717 41 KB

https://decemberschild.com/password

password: dc

1 Like
2

which font are you looking for?

3

@MMast Please share what you exactly want like font family or font size.

4

Archivo Narrow

5

Archivo Narrow & keep the font size the same

6

Welcome in advance

You have to go to the theme settings and find color section after that find main Manu or Manu color color and change it whatever colour you want

7

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like