Jump to content

Possible to customize youtube embed to fit the size of entire mobile container (no pad)?

Recommended Posts

Hello Again,

I'm trying to elevate our front page a bit, with a customizable css text for fitting the entire container with no pad for mobile.

Additionally, if there is also any additional way to customize the video embed for desktop view as well, that would be hugely appreciated!

Account is https://followmyth.squarespace.compw: jpsmithx

Thank you,Brian

Link to comment
  • Replies 2
  • Views 1.7k
  • Created
  • Last Reply

Should be possible with some custom CSS like this:


@media only screen and (max-width: 960px) {
       .video-block {
           width: 99vw;
           padding: 0 !important;
       }

       .pageWrapper {
           margin-left: 0 !important;
           margin-right: 0 !important;
       }
}

That will remove the margin/padding from both the video block and the page wrapper, and set the video block to nearly the full width (I noticed that 100vw seemed to go beyond the screen width). You can also adjusted the rule's dimensions to accommodate larger screens like iPads and desktops if you want.

Link to comment

thank you so much @sandwichcomputer

I'm trying to find a css code to modify the video-block slightly, and just move it a hair over to the left, so it's touching the left-side wall (and giving more space on the right-side) This would all be for mobile

If you have any ideas, I would truly, truly appreciate it!

https://followmyth.squarespace.compw: jpsmithx

Brian

Link to comment

Archived

This topic is now archived and is closed to further replies.

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