Code for 7.1 or fix the padding in mobile nav menu?

Site URL: https://www.printedandpink.ca/

I have been trying to find coding to adjust the padding on my mobile navigation menu. When it’s centred there is a ton of space above the menu below my logo. When it is aligned left or right it hugs the sides way too much and is still centred vertically for some reason. Any fixes? Thank you so much!

2 hours ago, sarahstrongarm said:

Site URL: https://www.printedandpink.ca/

I have been trying to find coding to adjust the padding on my mobile navigation menu. When it’s centred there is a ton of space above the menu below my logo. When it is aligned left or right it hugs the sides way too much and is still centred vertically for some reason. Any fixes? Thank you so much!

The menu is set vertically center, do you not like that config and need it closer to the logo?

Any way you can use this snippet try to reduce some padding on the top

.header--menu-open .header-menu {
    padding-top: 0 !important;
}

@bangank36 thank you for your help! This didn’t seem to fix the issue...any other ideas?

4 hours ago, sarahstrongarm said:

@bangank36 thank you for your help! This didn’t seem to fix the issue...any other ideas?

I asked you about preference, so you need it move close to the header logo instead of vertical center right?

@bangank36 Yes, I would like it closer to the header logo. I would like to be able to adjust the spacing from the top and the sides if I choose to align it left or right. Thank you 

1 minute ago, sarahstrongarm said:

@bangank36 Yes, I would like it closer to the header logo. I would like to be able to adjust the spacing from the top and the sides if I choose to align it left or right. Thank you 

.header-menu-nav-folder-content {
    position: relative;
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: start;
    flex-direction: column;
    top: 10px; /* Update this value to your need */
}

@bangank36 Thank you so much, that helped! Problem solved!