Space in menu

Store Design
,
1

Hello!
is there a code to create a space in the menu tab? Currently it looks like this

IMG_6501.png
IMG_6501.png1170×2532 138 KB

I would like it to look like this:

(different webpage for reference)

IMG_6502.png
IMG_6502.png1170×2532 151 KB

2

https://righteousofficial.com
right5785*

3

Hi @ErhatRO

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
@media screen and (max-width: 768px){
details.menu-drawer-container.menu-opening ul.menu-drawer__menu > li:nth-child(2) {
    margin-bottom: 40px !important;
}
}

Here is the result: https://prnt.sc/xGXZfUq0_t2N

I hope this helps

Best,

Daisy

4

@DaisyVo This works for mobile only, it doesnt show the same on desktop. Also, is there a way to place the space between giveaway and account.

Thank you!

5

HI @ErhatRO

Please change the code above by this code

details.menu-drawer-container.menu-opening ul.menu-drawer__menu > li:nth-child(2) {
    margin-bottom: 40px !important;
}
details.menu-drawer-container.menu-opening ul.menu-drawer__menu > li:nth-child(3) {
    margin-bottom: 40px !important;
}

It will help to solve both of your requests !

I hope this helps

Best,

Daisy

6

Hello,

Please share “Store URL”

Thanks!