How can I adjust the font size of my mobile drop down menu?

Store Design
1

Hey guys, hope you are all well.

I would to know how to change the font size of the text that is nested within my “shop” as shown in the pics below. This is on mobile.

Thanks.

image0.png
image0.png750×1334 98.8 KB

image1.png
image1.png750×1334 101 KB

2

hello @cfm200 you can use CSS media queries to fix this issue. you can use different font sizes for mobile phone by using CSS media queries.

3

@cfm200

Do you want to increase the font size of the dropdown or increase it?

Please do clarify.

4

Hello @cfm200

can you please share your site url and

Do you want to increase the font size of the dropdown or increase it?

Please do clarify

5

Hi, thanks for your reply.

I would like to decrease the size of the font nested within “Shop”.

Thanks.

6

Hi Natztech, thanks for your reply.

I would like to decrease the size of the font nested within “Shop”.

Thanks.

7

@cfm200

Please add the following code at the bottom of your assets/timber.scss.liquid file.

.mobile-nav__sublist .mobile-nav__link{
font-size: 18px;
}

Hope this works.

Thanks!

8

hello

I have the same issue, can’t find the assets/timber.scss.liquid file.

can you elaborate where to paste the code?

thank you