Jump to content

Making gallery blocks mobile friendly

Recommended Posts

Your site is password protected.

Please share the read-only password so that we can see the issue.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Add to Home > Design > Custom CSS

/* resize mobile gallery */
@media screen and (max-width:767px) {
.homepage .gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
7 hours ago, TLH said:

@tuanphanThank you so much!! This has worked brilliantly. 

 

Could I ask you one more question? 

I have various titles on each sections of the pages how do I make these larger without the image going off the screen/ off centered? 

 

Many Thanks 

 

Sophie 

Which pages?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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
On 9/18/2020 at 12:29 AM, ShortAngryViking said:

i find I am having the same issue with a full section automatic playing gallery here

https://ray-cone-ap64.squarespace.com/gallery

tried code above but the gallery isnt on the home page. 

Add to Page Settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
.gallery-fullscreen-slideshow {
    height: 40vh !important;
}
}
</style>

 

On 9/15/2020 at 3:28 PM, TLH said:

@tuanphan

Hi Tuanphan, 

The images which are titles are on most pages, I have attached an image as an example of one of the titles. 

 

Many Thanks Sophie

 

Can you share link to page in screenshot? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

@tuanphan

Hi Tuanphan

Thanks for getting back to me. 

Here a screenshot of page and marked with a circe the image style that needs to be bigger.

Here is also a link to the page www.thelivinghouse.co.uk (most of these title style images on are the homepage)

Hope this helps for what you had requested? 

Thanks again Sophie 

 

IMG_7059.jpg

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.