Icon theme- Image with text overlay is cut off on mobile

Store Design
1

Hi there,

My image with text overlay works great on the desktop version with no issues. The image is fixed in place as you scroll.

Image w text overal desktop.png
Image w text overal desktop.png1904×973 259 KB

However when on mobile the text and image are completely cut off.

Image w text overal mobile.png
Image w text overal mobile.png562×890 150 KB

is there anything I can do to stop that from happening on mobile? I got in touch with the theme developers, but they suggested i use the slideshow feature- which is not what I want. It really takes away from how my website feels on desktop.

Any help is much appreciated.

2

@Minteror

sorry for that issue please share your store url

3

@KetanKumar

@Zworthkey

Thank you.

The URL is minterior-designs.com

my page is not live yet- the password is eawhah

4

hii, @Minteror
Kindly share your store URL so,
I can solve your issue.
Thank You.

5

@Minteror

thanks please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/stylesheet.css ->paste below code at the bottom of the file.
    this code apply for after 5 - 6 second
@media screen and (max-width: 740px) {
.parallax {min-height: 400px;}
}
6

hii, @Minteror
Paste this code on top of the stylesheet.scss file.

@media only screen and (max-width: 768px) {
section.parallax-16285533502623850a.parallax.lazyload-fade.lazyloaded {
    height: 350px !important;
}
}

Thank You.

7

Thank you so much. This worked for me :slightly_smiling_face:

8

@Minteror

its my pleasure to help us