Space in menu

[ErhatRO]

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

 I would like it to look like this:

(different webpage for reference)

 

[ErhatRO]

https://righteousofficial.com
right5785*

[DaisyVo]

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

[ErhatRO]

@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!

[DaisyVo]

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 

[topnewyork]

Hello,

Please share "Store URL"

Thanks!