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

Making gallery blocks mobile friendly


TLH

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Your site is password protected. Please share the read-only password so that we can see the issue.

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

Add to Page Settings > Advanced > Header <style> @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 40vh !important; } } </style>   Can y

Posted Images

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, founder of SF Digitalbuilding the features that Squarespace didn't include.
I value honesty, integrity, transparency and respect. Links in my posts may refer to SF Digital products or may be affiliate links.
Squarespace. I've been a loyal and enthusiastic supporter of the platform since 2007. 

Link to post
  • 0

Add to Home > Design > Custom CSS

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

 

Link to post
  • 0

@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 

Link to post
  • 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?

Link to post
  • 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.

Link to post
  • 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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...