Adding spacing/lines to separate drawer menu items

[Anshul_arora]

Hello @teemania ,

I understand you are looking to differentiate menu items of your mobile menu by providing proper padding & spacing lines.

You can implement this at your end by ending small CSS code.

Please copy & paste below mentioned at the bottom of base.css file and save .

1. Go To Online Store → Themes → Click three dots → Edit Code and open base.css file

2. Add the add at bottom of the file https://prnt.sc/srD6L9FB2Eoi

.menu-drawer__menu li {
padding: 10px !important;
border-bottom: 1px solid grey !important;
}

[Please feel free to change the padding px size and border’ color or px size]

Output => https://prnt.sc/UF6CIT0rDnEs

I hope the code helps you.

Please share if you have any query.

Thank you.