How to Add Dividing Lines for mobile menu items?

[kolomiets_t]

Hello everyone! I'm trying to customize my mobile view only and need to add Dividing Lines between menu items. Does anyone know how to do that? I'm using Sense theme.

[farantariq93 · Accepted solution]

Hi @kolomiets_t Do the following steps to resolve this issue.

1. Go to Online Store > Themes > Edit Code (Gear Box)
2. Find base.css or theme.css
3. Add below code at the end of the file.

@media only screen and (max-width: 480px){
.js .menu-drawer__menu li{
border-bottom: 1px solid #ccc;
}
}

 Hope, it will fix the problem.

[kolomiets_t]

Hello, thanks! I played around with your suggestion and it worked:

@media only screen and (max-width: 480px) {
.list-menu__item {
border-bottom: 1px solid #ccc;
}
}