Section on mobile - Acting weird

Technical Q&A
, , ,
1

Hi there, i have my website : https://nobaanimal.com/
on the IMPACT Theme, and i just saw that for some reason i have two section on mobile that does not react the way they should be. The text goes on top of the images instead of going after the image. I don’t know what caused it. Maybe i changed someting recently, it’s the first time i realised it.

Any way of patching the code to fix this quickly?

Every help would help ! Thank you so much for taking the time helping me !

IMG_5371
IMG_53711179×1945 313 KB

IMG_5369
IMG_53691179×1686 261 KB

2

Hey @GabrielNoba

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (max-width: 767px) {
.place-self-center.text-center {
    position: unset !important;
}
image-banner .prose {
    position: unset !important;
}
image-banner.content-over-media.content-over-media--auto.full-bleed.text-custom {
    display: flex !important;
    flex-flow: column !important;
}
}
</style>

RESULT:

image
image336×732 63.3 KB

image
image335×727 58.7 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
3

Worked perfectly ! Thanks so much !

1 Like
4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.