Why are items appearing small in my mobile menu?

Shopify Discussion
1

In my mobile menu, the items appear small inside one of the nested menus. Store → Clothing

Here is the link: mazushi.com

2

Hello @MikeyAcr ,

I understand you are looking to adjust the size of sub-menu item https://prnt.sc/SK8WdClKNFQY

You have to add small code for changing the font-size.

Please add the below mentioned code in the theme.liquid file before tag and save.

li.h5.sm\:h5 { font-size: 25px; }

[Please feel free to change the px size as per your need.]

Output -:

Anshul_arora_0-1709204670342.png
Anshul_arora_0-1709204670342.png1494×735 55.8 KB

I hope the solution helps you.

Please share if you have any query

Thank you.

3

@MikeyAcr Please follow below instructions to display the nested menus in the same size as the parent menus. Let me know whether it is useful for you.

  1. From admin, go to “Online Store” → “Themes”.

  2. Click action button from the current theme and select “Edit code”.

  3. Search base.css file and paste below code at the bottom of the file.

navigation-drawer .panel__wrapper .h5 {
    font-size: 24px !important;
    line-height: 29px !important;
}

Now, it will look like below,

priyavinsinfo_1-1709204720013.png
priyavinsinfo_1-1709204720013.png370×466 8.55 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.