Jump to content

Sub-navigation spacing on mobile

Recommended Posts

Posted

HELP! I cannot (for the life of me) figure this out... 

I have used CSS to create a custom mobile menu/navigation. But, I am having issues with the first folder titled "about." For some reason, there is a large amount of spacing separating the sub-folder categories from the "back" button. This problem is only occurring within this singular sub-folder, none of the others. 

I've attached photos of the issue and photos of what it should look like to match the other sub-folders. 

I can't find a solution to this anywhere, so any help would be GREATLY appreciated!!!

https://www.gildedageantiques.com/

ps: Williamsworld

Screenshot 2024-08-02 at 5.13.13 PM.png

Screenshot 2024-08-02 at 5.13.25 PM.png

Posted (edited)
14 hours ago, tuanphan said:

Use this code to Custom CSS box

section[data-section-id="666dc05ed8a83f1b6ee1b65a"] {
    padding-top: 20px !important;
}

 

This works for the issue, but this code effects the spacing on desktop too. Is there a way to only target the section on mobile?

Edited by Macey
Posted

I got it to work with the following code: 

/*about folder spacing mobile*/
@media only screen and (max-width:767px) { 
section[data-section-id="666dc05ed8a83f1b6ee1b65a"] {
    padding-top: 43px !important;
}
}

As always, thanks for your help @tuanphan!

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.