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

Making gallery blocks mobile friendly


TLH

Question

11 answers to this question

Recommended Posts

  • 0

Your site is password protected.

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

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi! I'm Paul, an independent Squarespace Consultant since 2007 and founder of SF Digital, building the features that Squarespace didn't include. Our mini-extensions allow you to pick dates in any format, show prices in other currencies, take orders without payment or improve your cartI value honesty, integrity, transparency and respect . Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment
  • 0

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.

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

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

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
  • 0

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