In this video, I show you how to edit the banner image to display a different image when viewed from a mobile device in Squarespace 7.1.

In this video, I show you how to hide the desktop navigation and force the mobile menu to show instead.

In this video, I show you how reorder blocks on the mobile view of your Squarespace 7.1 Site.

In this video I show you how to change the order of the blocks on the mobile version of your Squarespace site.

In this video, I show you how to use media queries in Squarespace so that you can customize your website for different screen sizes.

In this video, I show you how to have the exact same image appear on both the desktop and mobile without any cropping or zooming.

In this video, I show you how to have your grid summary items display side by side in two columns on mobile.

Is your Squarespace video banner not playing or showing up correctly on mobile? Learn how to set a fallback image for mobile view with CSS.

In this video, I show you how to have your portfolio projects go side by side in two columns on mobile in Squarespace 7.1.

For those of you familiar with the Squarespace 7.0 platform, you may have noticed a small but significant change Squarespace made in their font styles. The font sizes in Squarespace are now measured in '“rem” rather than “px”. Why did Squarespace make this change and what does it mean for the responsiveness of my site?

In this video, I show you how to edit the banner image to display a different image when viewed from a mobile device in Squarespace 7.1.

Squarespace already does a good job of making your website mobile-friendly. However, there are some things you can do to make your website even more responsive.

In this video, I show you how to resize your product images for visitors viewing your site from a mobile device.

In this video, I show you how to edit the site title and logo for mobile in Squarespace 7.1.

Squarespace does a good job at altering your website for different screen sizes. However, there are a couple tweaks I apply to just about all of the websites I design in order to make them a little bit more mobile-friendly. This video shows you how to resize your images when being viewed from a mobile device in Squarespace 7.1.

Squarespace does a good job of altering your website for different screen sizes. This video shows you how to resize gallery blocks when being viewed from a mobile or tablet device.

In this video, I show you how to set up your images so that you can display two images side by side when viewed from a mobile device.

In this video, I will show you how to change the banner or background to a different image when viewing on a mobile device.

In this video, I show you how to resize or hide your logo when being viewed from a mobile device.

Banner Images are a great way to divide up the sections of an Index page on a Squarespace website. However, when making your website mobile friendly, these banner images may crop in the wrong place or make the section too busy for viewing on a mobile device. This video goes into three ways you can change your banner image to colour when the visitor is viewing from a mobile device.