Making gallery blocks mobile friendly

Site URL: https://www.thelivinghouse.co.uk/

I have nearly finished the site however I am now making it mobile friendly. There are a couple of gallery blocks on the site which are appearing too large on mobile view. 

What code would I need to make this work for 7.1. 

Your site is password protected.

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

Hi Paul 

Shall I send the password in a message? 

Many Thanks 

Sophie 

Hi Paul

The password is - Juniperd@isy1

@tuanphan

Add to Home > Design > Custom CSS

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

@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 

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?

@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

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

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.

@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