Hello!
Right now, the Image Banner on my store (shop.welovedoodles.com) looks like this:
I would like to move the text & button below the image on mobile only. Center the text, and make the text black.
I would like it to look like this example on mobile:
Can anyone help me do this? Thank you so much.
Hello @welovedoodles
Its Artzen Technologies! We will be happy to help you today.
Add this css in your CSS file:
@media only screen and (max-width: 767px){
.section--image .section__inner {
display: flex;
flex-direction: column-reverse;
}
.section__inner .hero__content__wrapper {
position: relative;
}
}
After that banner look like this on mobile:
Let me know if need further assistance
Regards,
Artzen Technologies
