Jump to content

White gap on the left and right on mobile view

Recommended Posts

Posted (edited)

I've been reading a few posts here but I couldn't find the exact code to solve my problem.

 

This is the page I am building:

https://bullfrog-hexahedron-6w3z.squarespace.com/

Password: 1234

 

On desktop, it looks fine.

But in mobile, (or if I make my browser window really narrow), a white column shows up at the left and right of the code block.

Can you recommend which CSS can help solve this problem?

CleanShot2024-10-09at15_02_28.thumb.png.0332f343064d5535212ac555e7efdff9.png

 

CleanShot2024-10-09at15_02_03.png.1b4c0d46b6b4ca981c762809b6e0d755.png

Thank you!

 

CleanShot 2024-10-09 at 15.00.42.png

Edited by Calray
  • Replies 3
  • Views 433
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

It looks like you just need to make sure the code block you're using is stretched to the edge of the screen on mobile. Look for the little resizing squares and drag them to the left and right.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

Posted

No probs. Please mark my answer as a solution so that other users will know this has been solved and can use it to help.

Work With Me 🖥️💻📱

Please remember to tag me so that I get a notification and respond to your help requests.

If my answers have helped you, please drop a like and mark my answer as best to help other users find solutions quickly.

You can also thank me or make requests by buying me a coffee . (Caffeine fuels me to take more requests)

For Squarespace Tips & Tricks, visit @squareskills (Youtube 📺 Tutorials)

For Premium and FREE plugins, visit Squareskills (Plugin Store) 🧩

For Custom Plugins email me 🧩

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.