mauramanor Posted December 29, 2020 Share Posted December 29, 2020 Site URL: https://giraffe-carnation-cfwm.squarespace.com/ Hi! I am using this code to make the top banner on mobile section larger, but when I add it, the footer is messing up. How can I avoid this but still make the section at the top larger? //MOBILE TOP IMAGE SECTION// @media screen and (max-width:767px) { .homepage section:first-child { padding-top: 180px !important; height: 50vh !important; min-height: unset !important; } } Should look like this: Beyondspace 1 Link to comment
Beyondspace Posted December 29, 2020 Share Posted December 29, 2020 21 minutes ago, mauramanor said: Site URL: https://giraffe-carnation-cfwm.squarespace.com/ Hi! I am using this code to make the top banner on mobile section larger, but when I add it, the footer is messing up. How can I avoid this but still make the section at the top larger? //MOBILE TOP IMAGE SECTION// @media screen and (max-width:767px) { .homepage section:first-child { padding-top: 180px !important; height: 50vh !important; min-height: unset !important; } } Should look like this: Try this @media screen and (max-width:767px) { .homepage #page section:first-child { padding-top: 180px !important; height: 50vh !important; min-height: unset !important; } } Greeting, it's 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, Lightbox Studio pluginIf 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
mauramanor Posted December 30, 2020 Author Share Posted December 30, 2020 @bangank36 THAT WORKED! Thank you SO much! Beyondspace 1 Link to comment
mauramanor Posted January 4, 2021 Author Share Posted January 4, 2021 @bangank36Hi! If I wanted to do this to other pages, what would I replace .homepage with? Link to comment
tuanphan Posted January 6, 2021 Share Posted January 6, 2021 On 1/5/2021 at 5:03 AM, mauramanor said: @bangank36Hi! If I wanted to do this to other pages, what would I replace .homepage with? replace this name .homepage #page section:first-child with Quote data section id Find data section id with this tool https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment