Jump to content

When resized website gets whit space

Recommended Posts

Hello everyone,

Unfortunately I have a problem with my website. This is how my website is supposed to look. This specific picture is of a portfolio page:

image.thumb.png.2ab0280b403c4ac80927d0ee18b40409.png

But when my window is resized there is a gap between the video and the line. Can I somehow make the line and text stuck to the video. So when it resizes this gap won't be there.

Schermafbeelding2023-07-13om10_08_58.thumb.png.a6b495ca13b2e3246d8c8607dd83c55c.png

Thanks in advance everyone!

 

Link to comment

Can you share your website URL and this page?

My guess is that this is happening because of the grid editor and how the video scales down on narrower screens. You may be best off to re-edit the page layout on this (or slightly smaller) screen width (edit the page and adjust your browser width) and then see how that looks on a full width screen.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I think my suggestion about re-editing the page in a smaller window would solve this. Let me know if that works when you try it.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 months later...

Can you try editing this in a smaller window, but I can see you would have a problem caused by the text on the right being in 3 blocks, I would suggest it would help to make that one block. Maybe make a duplicate page and test it?

image.thumb.png.3334953f35718b360d427c220380f4f9.png

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 3 months later...

When I adjust it in chrome dev console as I suggested on a small screen and then play with the browser width it adjusts much better.

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Wow... I read your last reply wrong, haha. I thought you said that I had to split up the text on the right into multiple text boxes instead of using just one. But it's working now! Used one text box and now it works perfectly!

Thank you so much. I'm so happy you helped me solve it.

I'll 'buy you a coffee' through the link in your bio/discription!

Link to comment
9 minutes ago, rubenhem said:

Thank you so much. I'm so happy you helped me solve it.

Very happy to help!

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!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ 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

×
×
  • 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.