increase spacing in mobile menu

Hi I want to increase the spacing between the two items in my mobile menu - alwaysajt.com

People aren't realising that 'When and where" is a link as it's so close to the RSVP button

Thanks

7 hours ago, minnieosc123 said:

Hi I want to increase the spacing between the two items in my mobile menu - alwaysajt.com

People aren't realising that 'When and where" is a link as it's so close to the RSVP button

Thanks

You can try adding to Home > Design > Custom Css

[data-folder="root"] .header-menu-nav-folder-content:first-child {
  margin-bottom: 20%;
}

My testing

52 minutes ago, Beyondspace said:

You can try adding to Home > Design > Custom Css

[data-folder="root"] .header-menu-nav-folder-content:first-child {
  margin-bottom: 20%;
}

 

Thanks this works but I've now added another page and it's squished up against the other menu item  now. Please can i increase the spacing here too?

On 12/22/2022 at 5:29 PM, minnieosc123 said:

Thanks this works but I've now added another page and it's squished up against the other menu item  now. Please can i increase the spacing here too?

Add this to Design > Custom CSS

.header-menu-nav-folder[data-folder="root"]>div>div {
    margin-bottom: 40px !important;
}