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 2 (2)

Artzen_tech
Shopify Partner
528 105 104
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
3 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?