Need help resizing height of gallery sections in version 7.1

Site URL: https://www.harmoniadesign.com/audiovisual

Hi,

I'm struggling to reduce the height of the Gallery Section on this page for mobile. It's too tall. Can anybody help with custom code? Thank you for your time!

Ken

---

https://www.harmoniadesign.com/audiovisual

Password: Ella

Incorrect password. Can you check again?

Hmmm, maybe try: 

ella

All lowercase?

Thank you!!

4 hours ago, kenseeno said:

Hmmm, maybe try: 

ella

All lowercase?

 

Thank you!!

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:767px) {
  #page section:first-child {
    min-height: 20vh !important;
    height: 45vh;
}
    .gallery-slideshow {
    margin-bottom: 0;
}
  }
</style>

Thank you very very very much!

On 8/20/2020 at 11:29 PM, tuanphan said:

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:767px) {
  #page section:first-child {
    min-height: 20vh !important;
    height: 45vh;
}
    .gallery-slideshow {
    margin-bottom: 0;
}
  }
</style>

 

Just came across this solution and it looks like it worked for the OP but doesn't seem to make any change on when I try it on my slideshow. Is there a change I need to make to the code?? Site... https://brianrolfekids.co.uk

I need some help as well - I put a galley section in and found some copy to show both title and paragraph text. But, the gallery frame is too small, so some text dissapear and I dont get a good margin down at the bottom. In mobile view even more text dissapears.

How can I use code to extend the lower part of the gallery block?

Anyone who knows?

On 2/1/2022 at 4:52 AM, brianrolfephoto said:

Just came across this solution and it looks like it worked for the OP but doesn't seem to make any change on when I try it on my slideshow. Is there a change I need to make to the code?? Site... https://brianrolfekids.co.uk

Hi. Which page?

On 2/1/2022 at 7:30 PM, SannaBuckhoj said:

I need some help as well - I put a galley section in and found some copy to show both title and paragraph text. But, the gallery frame is too small, so some text dissapear and I dont get a good margin down at the bottom. In mobile view even more text dissapears.

How can I use code to extend the lower part of the gallery block?

Anyone who knows?

 

 

Can you share link to page in screenshot?

It's these two pages with a simple slideshow gallery (just switched domains)

https://brianrolfe.co.uk/main-home

https://brianrolfe.co.uk/kidshome

On 2/7/2022 at 6:13 PM, brianrolfephoto said:

It's these two pages with a simple slideshow gallery (just switched domains)

https://brianrolfe.co.uk/main-home

https://brianrolfe.co.uk/kidshome

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 45vh !important;
}
}

23 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 45vh !important;
}
}

 

Perfect, thanks so much!!