Jump to content

Homepage text won't shrink on mobile site

By rteichroew, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

rteichroew Level 4

rteichroew

Posted
Posted

I love the way the homepage looks on a desktop, but when it's viewed on mobile the text "Real people live in the spaces we create" doesn't shrink so it bleeds beyond the screen. 

How do I keep the desktop version the same but have it shrink down in the mobile version?

Link to comment
  • Replies 5
  • Views 614
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Ziggy Level 14

Ziggy

Posted
Posted
On 9/1/2024 at 4:20 AM, rteichroew said:

How do I keep the desktop version the same but have it shrink down in the mobile version?

Can you share your website URL and this page?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted
On 9/1/2024 at 4:20 AM, rteichroew said:

the text "Real people live in the spaces we create" doesn't shrink so it bleeds beyond the screen

This isn't text, it's an image and the gallery is set to fill the screen so on mobile you see cropping of the left and right. You can reduce this height with CSS like this: 

@media screen and (max-width:767px) {
  .gallery-fullscreen-slideshow {
    max-height: 100vw !important;
  }
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources