How can I remove extra padding from my mobile nav menu?

Store Design
1

Hi,

We seem to have some extra padding above our mobile nav menu. Any idea how to get rid of this?

Website is https://shopcestmimi.com/

IMG_5865.jpg
IMG_5865.jpg1242×2688 104 KB

2

@PamelaL17 , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.mobile-nav-wrapper{
    min-height: unset !important;
    max-height: 60vh !important;
}

Please let me know whether it works.

Kind regards,
Diego

3

Please add below code in below of assets/theme.css file

.mobile-nav-wrapper {

height: auto;

min-height: auto;

}

4

hii, @PamelaL17
Paste this code on top of the theme.scss file.

ul#MobileNav {
    margin-top: -195px !important;
}

Thank You.