How can I modify my mobile menu's sub-menu style on Dawn?

[loolakoola]

I finally made my menu into drawer. I want to edit my sub-menu style. I want to insert indent at first and I want to make font smaller like 90%. I can’t find code to edit my menue style. Could you please give me a hand?

(freetrialix.myshopify.com)

[PageFly-Victor]

Hi @loolakoola

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

Hope this answer helps.

Best regards,

Victor | PageFly

[Dan-From-Ryviu]

Hi @PageFly-Victor , you can do that by adding this CSS code at the bottom of your base.css file

.submenu-open .list-menu { padding-left: 10px; }
.submenu-open .list-menu .list-menu__item { font-size: 1.6rem !important; }

Here is the result:

[loolakoola]

Thank you. It works perfectly and I can edit more based on your solution.

I would like to put a border(just simple line with 1pt boldness) between ‘SALE’ and ‘COLLECTION’. Could you please help me once again?

[PageFly-Victor]

I can see collection but you can add this CSS on file theme.liquid to make a line below the text Sale