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

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

LakeBaez
Excursionist
87 0 4

LakeBaez_0-1692909004087.jpeg

 

LakeBaez_1-1692909004000.jpeg

 

 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

Replies 3 (3)

Artzen_tech
Shopify Partner
552 113 111
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

 

 

Let me know if need further assistance
Regards,
Artzen Technologies

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
kaluhapet
Tourist
5 0 0

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? 

Tripsbyemily
Visitor
1 0 0

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