Jump to content

How to make video blocks full wide screen on blog posts on MOBILE only?

Recommended Posts

There is a code that looks like this:

.blog-item-wrapper .sqs-layout>.row>.col>div:not(.image-block):not(.gallery-block):not(.embed-block) {
        padding-left: 9vw;
        padding-right: 9vw
}

You can override it by adding the block id of that image wrapper as selector:

@media (max-width: 480px) {
  #block-yui_3_17_2_1_1663999934171_4485 {
    padding-left:0;
    padding-right: 0
  }
}

 

Edited by joseph81

Jozsef Kerekes - Front-end developer and Squarespace enthusiast
My Blog: https://ui-workarounds.com
If you like my answer, please give me an upvote/like. Highly appreciated.

 

 

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.