Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Index on home page design too big for mobile


Recommended Posts

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

desktop.png

mobile.jpeg

Link to post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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 !impor

Posted Images

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. 

Edited by derricksrandomviews
Link to post

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;
}
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...