Promo banner – Responsive
-
Promo banner in Home Page looks weir in mobile, missing text
Please see attached
Attachments:
You must be
logged in to view attached files.
Hi,
Try to add the following code snippet to the Mobile Custom CSS area in Theme Settings to fix this issue.
.banners-carousel-wrapper .banner-border .wrapper-content-banner {
top: 0;
bottom: 0;
left: 0;
right: 0;
border: none;
}
.banners-carousel-wrapper .banner-increased-padding .wrapper-content-banner {
padding: 5%;
}
.banners-carousel-wrapper .promo-banner .banner-title {
line-height: 1.1;
font-size: 14px;
}
.banners-carousel-wrapper .promo-banner .banner-subtitle {
line-height: 1;
}
.banners-carousel-wrapper .promo-banner .banner-title:not(:first-child) {
margin-top: 3px;
}
.banners-carousel-wrapper .promo-banner .banner-btn-wrapper {
margin-top: 3px;
}
.banners-carousel-wrapper .promo-banner .banner-btn-wrapper a {
font-size: 10px;
}
Regards