Change padding of button on mobile menu 7.1

Hi How do I change my mobile menu so that the RSVP button doesn't have a huge gap between it and the menu navigation link

Hi @minnieosc123, can you share your website URL?

You can try this Custom CSS:

.header-menu-nav-folder {
  min-height:20%;
}
.header-menu-nav-folder-content {
  margin-top: 20%;
}

Hope that helps, if not, please describe exactly how you would like it to look. Thanks!

Just now, Ziggy said:

Hi @minnieosc123, can you share your website URL?

You can try this Custom CSS:

.header-menu-nav-folder {
  min-height:20%;
}
.header-menu-nav-folder-content {
  margin-top: 20%;
}

Hope that helps, if not, please describe exactly how you would like it to look. Thanks!

Oh Sorry I thought they include it... it's alwaysajt.com

28 minutes ago, minnieosc123 said:

Oh Sorry I thought they include it... it's alwaysajt.com

No, but they should include by default!

Did the Custom CSS I provided not work?

5 minutes ago, Ziggy said:

No, but they should include by default!

Did the Custom CSS I provided not work?

It has thank you... have a look. But they're too high and too close together or something?? When I edit the percentage in the CSS it doesn't seem to do anything? Would also be great to lose the underline on the link!

You can try this Custom CCS instead:

.header-menu-nav-folder {
  min-height:20%;
}
.header-menu-nav-folder-content {
  margin-top: 40%;
}
.header-menu-nav .header-menu-nav-item--active a {
  border-bottom:none !important;
}

10 minutes ago, Ziggy said:

You can try this Custom CCS instead:

.header-menu-nav-folder {
  min-height:20%;
}
.header-menu-nav-folder-content {
  margin-top: 40%;
}
.header-menu-nav .header-menu-nav-item--active a {
  border-bottom:none !important;
}

 

PERFECTO!! thanks so much Ziggy, you're a star 🙂

2 minutes ago, minnieosc123 said:

PERFECTO!! thanks so much Ziggy, you're a star 🙂

No problem, happy to help! Can you thumbsup and mark my post as the solution? Thanks!