Hi there,
First off thanks for some pretty terrific plugins – I’ve been using Page Builder and the widgets bundle for my site and I love it. I’ve recently started using the Features widget and am having some issues with mobile responsiveness.
Site: www.ignitemedia.co.za – you can see the features under Services on the home page. When the screen gets smaller it’s responsive up to a point and then the features float one next to another which I did using the below CSS:
@media screen and (min-width: 520px) and (max-width: 768px) {
.custom-features .sow-features-list.sow-features-responsive .sow-features-feature {
float: left !important;
width: 50% !important;
}
}
The problem is that they are different text-lengths and as you can see, some of the features aren’t going alongside one another.
Appreciate any help to get this more responsive!
Thanks in advance.
Hi Page52
Thanks for your support.
Try adding the following to your Custom CSS:
Beeeeeutiful! Thanks a mil, that worked like a charm.
Best.
Super :) Glad we could help.
All the best.
This is a private message.