Hi!
Please check this screenshot: https://www.loom.com/i/515fc9018a444f58832bf0f7a13dc771
Is it possible to increase the size of the promotext only on mobile view?
I would actually prefer to divide it into 2 lines on mobile view: first line “Up to 25% discount on our fireplaces” and second line “Free shipping! View offers”.
Can that be done?
Theme version: 8.0.5 WooCommerce version: 5.6.0Hello,
There is no special option for this. So, I added below custom to Theme Options > Custom CSS > Mobile
.mobile-header-wrapper .header-promo-text span {
white-space: normal;
text-overflow: unset;
line-height: 1.3;
}
.mobile-header-wrapper .et_promo_text_carousel {
--promo-text-height: 90px;
}
Check if it suits your needs.
Regards
That’s a whole lot better! Thank you! Is it still possible to place the link below the text? Now it’s on the right of the text, so the link is out of the picture.
Hello,
Add the following code in addition
.mobile-header-wrapper .et-promo-text-carousel a {
line-height: 1.3;
}
.mobile-header-wrapper .et_promo_text_carousel .swiper-slide {
flex-wrap: wrap;
}
Regards
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.