Hi all,
I would like some help to add spacing between certain menu items to group them together in the burger menu. Is this possible? E.g. i want to add space between WEBSHOP and ABOUT US
URL: https://northequine.dk/en
Thank you in advance!
Hello @IversenKristoff
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
.menu-drawer summary.menu-drawer__menu-item {
margin-bottom: 2rem;
}
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
#Details-menu-drawer-menu-item-6 {
margin-bottom: 15px !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly
1 Like
Hi, @IversenKristoff .
Follow These steps,
Go to the online store theme and go to base.css file paste the code mentiond below.
.menu-drawer summary.menu-drawer__menu-item {
margin-bottom: 4rem;
}
Result:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
I have tried this but i can not make it work. If I add this code to the end of Base.css nothing happens. Please help!