HELP! Code needed to resize mobile only view on Gallery Slideshow

Hi all,

I'm wondering can somebody help me. I am designing a site and have added a Banner Slideshow at the top of my homepage. The slideshow looks great on web browser, but looks terrible on Mobile view. I would like the mobile view to look the same as it does on the computer. See attached screenshots. 

website is www.connstructor.ie

Password: test123

@tuanphan - I think you helped me with something like this before 🙂 

Thanks. 

I remember I sent the code

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

@tuanphan - Can you please help me again?

Tablet view across the whole website is flawed. Images overlapping text, text overlapping images, spacing not correct. Is there a code to fix this issue? i would be so grateful for your help!

www.connstructor.ie

Password: test123

Note: I still have additions to add to the website. If the coding works will it automatically work when updates are complete. 

Thanks 🙂 

Follow this

I have tried this. When I make edits at 749px, it completely messes up the standard mobile view. The spacing issues transfer from Tablet to Mobile, then when I change back to Mobile, the tablet mode is messed up again. 

Is there a solution? Thanks.