Second level nested menu font is the same size as main menu headers

Store Design
1

Hi,

My shopify second level nested menu appears the same size as the main menu - can anyone advise. My theme is Motion MoodOils Test - Based on V 1.0

The initial menu headers are great, drop down levels are smaller which is great - but when you click again to drop down under the category the text is exactly the same as the initial header

moodoils_0-1675784957976.png
moodoils_0-1675784957976.png1306×1208 206 KB

2

Hello @moodoils
please share your store URL so i can suggest you some solution for this

3

www.moodoils.co.uk

4

Hello @moodoils

You can add code by following these steps to make submenu item size reduced

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.mobile-nav__grandchildlist a.mobile-nav__link { font-size: 1.3rem !important; }

techlyser_ecom_0-1675792770969.png
techlyser_ecom_0-1675792770969.png364×745 66.8 KB

5

amazing thankyou so much. legend