Hello,
I added some custom code to allow a different banner image for desktop and mobile but now I have this white space above the mobile banner image below the header which I would like removed. The mobile banner image is also blurry, I would like help making it clear like the desktop image.
Thank you.
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
@media (max-width: 767px){
.banner__content.banner__content–middle-center.page-width {
display: none !important;
}
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hey @jewellerystore1
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you. They both worked to remove the white gap but now the image is no longer clickable. Are you able to help add the clickable link back?
Thank you. This worked to remove the white gap but now the image is no longer clickable. Are you able to help add the clickable link back?
Could you send me url page again?
