Here is my website: https://hallyuapparel.com
So on desktop, you can clearly see the slideshow image that is on the main page.
However when you switch to mobile, the image just disappears and a little bit of the “Our Mission” is cut off. Please help!
You have this code in the slideshow section “Custom CSS” setting:
@media screen and (max-width: 750px) {
.banner,
slideshow-component {
display: none;
}
}
This code hides section content on screens narrower than 750px.
Probably, there was another slideshow with mobile image, which has a rule to hide its content for screens over 750px?
If you remove the code above, slideshow content will be shown always.
Also, the Sticky header is laid over the first section content, which may be intentional…
Anyways, it happens because of this code added in Header section code
.header-wrapper {
position: absolute;
...
}
Thank you Tim, I managed to change some stuff and fix the issue. Thank you!