HELP! Need text to be below the picture in the desktop version, the same as in the mobile version

Store Design
1

LakeBaez_0-1692909004087.jpeg
LakeBaez_0-1692909004087.jpeg307×400 18.1 KB

LakeBaez_1-1692909004000.jpeg
LakeBaez_1-1692909004000.jpeg305×400 13.8 KB

you can see in the mobile slideshow the text is below the picture, while in the desktop it is right on top of the picture. I would like the text to be below the picture in the desktop version. What code will I need to resolve this, thank you! My store URL is: lakebaez.com

1 Like
2

Hello @LakeBaez

Its Artzen Technologies! We will be happy to help you today.

Go to the Online Store->Theme->Edit code->Assets->base.css>

@media screen and (min-width: 750px){
.slideshow__media.banner__media {
    height: 34rem;
    position: relative;
}
}
@media screen and (min-width: 750px){
.slideshow__text-wrapper.banner__content.banner__content--bottom-right {
    height: auto;
    justify-content: center;
}
}

after code look like this :–

Artzen_tech_0-1692949396882.png
Artzen_tech_0-1692949396882.png1135×682 84.7 KB

Let me know if need further assistance
Regards,
Artzen Technologies

3

I followed this advice, but now my image is all squished and the wording underneath is padded by a lot of empty space. Is there a way to fix that?

4

Did they ever tell you how to fix the squished image and empty space? I had the same result that you did