How to fix tablet version layout issues?

[pf2022]

Hey there

It seems like, there is a problem with my tablet version. Can someone help? 🙂 
The first picture is on my laptop, and the second image is from my iphone. 

In the first image it seems like, that it makes a huge gap when it gets smaller. 
In the second image, the homepage banner text disapears behind the header.

Hope someone can help 🙂

www.portvinsflasken.dk
login: Portvin

[AvadaCommerce · Accepted solution]

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

@media (max-width: 1050px) {
    .hero .slick-list {
        height: 100% !important;
    }
}

 If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.