Index on home page design too big for mobile

Site URL: https://theartshop.ca

Hi

It would be amazing if someone could help me fit the index page in my home page so that the full design is visible on mobiles. As of now, the banner image of the index is cut when someone enters the site via mobile. But I want it to be seen fully.

I'm attaching screen shots that explain better than me🤭

Thank you so much for any help you may be able to provide!!

Mariana

The best way you can get that to work is to have mobile viewers look at your site horizontally. You can disable mobile view and the banner image will be fully visible on vertical,  but that will make everything way too small. 

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.homepage .Parallax-item:first-child img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
.homepage .Parallax-item:first-child figure {
    transform: unset !important;
}
section#about-tas-vancouver {
    min-height: unset !important;
    height: 160px;
}
}

OMG Thank you SO MUCH!!! 😍😍