Jump to content

Is there a way to display a different background video for mobile?

Go to solution Solved by Ziggy,

Recommended Posts

I'm linking a Vimeo video to my website, and the resizing displayed on mobile isn't quite right

Is there a way to have two alternative videos to display, one for viewing on a desktop and one for mobile?


Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

You can have a mobile fallback image, which could be a GIF, but there isn't an easy way to change the background video on mobile.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 8 months later...

Hi all,

I have been using a code to display a different video on mobile, and have noticed that the site Footer is no longer displayed on the homepage with the below code. 

Is there an easy fix to ensure the Footer is showing? 

Site: https://www.socialseason.net/

Code i'm using in the Page Header:



    begin page section first blank hide
    Version     : 0.1d0
    SS Version  : 7.1
    By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
    .page-section:first-child.section-height--medium:not( .content-collection ):not( .gallery-section ):not( .user-items-list-section ) {
      min-height : unset;
    .page-section:first-child > .content-wrapper {
      display : none;
    /* end page section first default hide */

Edited by Adam9
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.