Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


deelow14
Go to solution Solved by sandwichcomputer,

Question

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

Edited by deelow14
Initial Revision
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

  • 1

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.

Edited by sandwichcomputer
Initial Revision
Link to post
  • 0

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 post

Create an account or sign in to comment

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


×
×
  • Create New...