Hello guys,
For UX reasons, I would like to display only the
without the background image and the text on mobile, but I would like to let them visible on desktop.
I tried this custom CSS :
@media screen and (max-width: 749px){.collection__description{ display: none; }
@media (max-width: 749px) {.banner-img {background-image: none!important; }}
@media (max-width: 749px) {.three-fifty-height{height: 50px}}
It works but the
is taking a lot of space because of this html line
style="min-height: calc(216px + var(--header-height))
on the element. And I don’t know how to change that.
Can someone help me please ? (I can’t share the url as the website is not open yet)
Many thanks