Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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


Recommended Posts

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!

47C5A3E2-1B02-4A8F-99DF-DB860EBD35D0.jpeg

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;
}

 

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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?

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
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 */
}

image.thumb.png.8aaaa2baeab1a944cb4afeaadebe5aff.png

Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for Squarespace
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...