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

Resize videos in Mobile only


Redplayback

Question

  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0
On 2/22/2021 at 7:24 PM, Redplayback said:

all of them except for the first video at the top of the page.

Thank you for your help !!

To make video smaller on mobile, you can target video block id. Here is the code for some videos on your site

/* resize mobile video */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1613602565233_12889 {
    width: 70%;
    margin: 0 auto;
}
div#block-yui_3_17_2_1_1613602565233_16044 {
    width: 70%;
    margin: 0 auto;
}
}

Use this tool to find block id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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