Mobile padding above galleries on 7.1

Hi

I'm trying to reduce the padding on the mobile view when have a gallery below some text. I added the code below which reduced it on the desktop view but i can't seem to make it reduce when it's in the mobile view 

div.gallery-slideshow {padding-top: 0px !important; padding-bottom: 0px !important;}

see the screen shots below.

Any help would be appreciated

Can you share link to page in screenshot?

Hi Tuanphan

Thanks for looking at this.

https://oriole-cranberry-mggc.squarespace.com/art-direction-1/out-of-darkness

password testsite

Also Tuanpahn something you will also see is how the captions for the images in a gallery when viewed on a mobile are separated from the image.  See the screen shot. Any idea how to fix this?

@tuanphan were you able to login to my site above ok. Any advice to these issues would be much appreciated.

Thanks

same problem on mobile here: https://www.raumpunkt.at/buero

please help. thank you.

On 6/3/2020 at 1:15 AM, Horwood said:

Hi Tuanphan

Thanks for looking at this.

https://oriole-cranberry-mggc.squarespace.com/art-direction-1/out-of-darkness

password testsite

sorry for the delay. Can you check url again? It doesn't exist.

1 hour ago, hanna38 said:

same problem on mobile here: https://www.raumpunkt.at/buero

please help. thank you.

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="5ee3e26423cac969401cc4ab"] {
    height: 40vh !important;
}
}

thanks. padding under gallery is ok now. but padding above ist to large.