Text on landscape images - Forum | JoomShaper
Staff replied Helix Framework

Text on landscape images

Asked by Alex Walker 3 years ago Last activity 3 years ago

Paul, just one more thing. when viewing the image in Landscape on a mobile the text covers the image. Can the text go beneath or alongside the image?

see my earlier post.
Alex

3 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Use this custom CSS

#sppb-addon-1649785948130 .sppb-addon-image-layout-text {
    position: relative;
    bottom: 340px;
}
#sppb-addon-1649785948130 #btn-1649785948130.sppb-btn-custom {
    position: relative;
    bottom: 320px;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards.

Alex Walker Asked this
3 years ago

Thank you for the code but the text still covered the image in mobile > landscape mode.

Alex Walker Asked this
3 years ago

Mehtaz, I am sorry but that code made things worse. I think I will just have to leave it as it is.
Alex

Alex Walker Asked this
3 years ago

Mehtaz
This code from Paul resolved this issue for me! Thank you for your help.

@media screen and (min-width: 576px) and (max-width: 767.98px) {
.sppb-addon-image-content .sppb-image-holder {
position: inherit; width: 100% !important; height: 300px;}
}

Mehtaz Afsana Borsha Staff
3 years ago

Ok got it. If your problem is solved then you can close this post by accepting the answer.

Log in to reply.