Text On Landscape Images - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Text On Landscape Images

Alex Walker

Alex Walker

Helix Framework 2 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

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #117023

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.

0
Alex Walker
Alex Walker
Accepted Answer
2 years ago #117054

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

0
Alex Walker
Alex Walker
Accepted Answer
2 years ago #117172

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

0
Alex Walker
Alex Walker
Accepted Answer
2 years ago #117174

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;} }

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #117273

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

0