Hello,
My URL is https://1d356f-2.myshopify.com/.
The image banner on my home page is cut off - only on the desk top version.
On my other page https://1d356f-2.myshopify.com/pages/contact
On mobile version the images are all cut off on the top and bottom as well.
Is there a way to get rid of the parameters? Thank you
I also would like to make the image on my homepage larger on the mobile version. Is there a way to do this and also prevent it from getting cut off? Is there a code I can use?
Hi @artbykm
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
section#shopify-section-template–21200821354795__image_banner .banner__media.media.scroll-trigger.animate–fade-in img,
section#shopify-section-template–21200821354795__image_banner div#Banner-template–21200821354795__image_banner {
height: 77vw !important;
}
@media (max-width: 767px){
.image-with-text__media.image-with-text__media–medium.gradient.color-background-1.global-media-settings.media {
height: 84vw;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly
