Solved

How to fix tablet version layout issues?

pf2022
Excursionist
53 0 9

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

Udklip.PNG

275952714_1570170610036981_5434825018379407121_n.jpg

Accepted Solution (1)

AvadaCommerce
Shopify Partner
3879 839 968

This is an 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.

banned

View solution in original post

Reply 1 (1)

AvadaCommerce
Shopify Partner
3879 839 968

This is an 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.

banned