Finally finished my online store , but facing a small issue. I have researched online, but cannot seem to find a solution. There is a large gap underneath the slideshow photo. I have seen others have this issue, but the solutions listed for them have not at all worked for my store. I am using the Refresh theme and used the recommended photo size for the slideshow. What can I do to fix this?
Photo of issue attached
@samwied22 can you send me the url of this page?
It looks perfect on desktop, but mobile it shows the gap.
@samwied22
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
Add this css at the bottom
Online Store->Theme->Edit code
assets->section-image-banner.css
@media screen and (max-width: 749px) {
.banner–mobile-bottom:not(.banner–stacked) .banner__content {
display: none !important;
}
}
Best regards,
PageFly
Awesome, Thank you so much!