This topic has 4 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Rose Tyler
Hi,
I have an issue on my mobile view using the element “Banner with Mask”. On Desktop view, the text location is working just fine but in mobile view, the text is in the centre which I don’t want because it is blocking the image view.
Please find below image for your reference.
https://prntscr.com/j2xame
here is the website, please view it in mobile version.
https://dubaijewelfactory.com/catalog/diana-round-plat/
And also is it possible for the imaage in mobile version to enlarge the image once they click it? like a pop up image?
Thanking you in advance.
Regards,
Richard
Hello,
1) To fix text position add the following code in Theme Options > Styling > Custom CSS
@media only screen and (max-width: 1200px)
.banner.responsive-fonts.banner-type-2 .banner-content {
-webkit-transform: translate3d(0,40%,0);
transform: translate3d(0,40%,0);
}
}
2) The banner element does not have such option. If you want to have enlarged popup you can use the simple image with this option on click and simple text below the image instead of the banner element.
Regards
Thank you
Hello,
You’re welcome!
Regards
You must be logged in to reply to this topic.Log in/Sign up