First, thank you so much for the forum. I managed to set up the 2 column layout my client wanted for the featured boxes. Now she is saying that the words won't wrap and I've tried a lot of things in the CSS but just can't see the solution. I was hoping someone more knowledgable knew the answer?
Hello there,
First, thank you so much for the forum. I managed to set up the 2 column layout my client wanted for the featured boxes. Now she is saying that the words won't wrap and I've tried a lot of things in the CSS but just can't see the solution. I was hoping someone more knowledgable knew the answer?
Site: https://www.thespiffycookie.com/
Thank you.
Hi,
Please try add more this code to Customize > Custom CSS to do that:
@media only screen and (max-width: 960px){ ul.homepage-featured-boxes .penci-fea-in h4 span{ white-space: unset; } }Best Regards,
PenciDesign
Sorry. Perhaps I'm not doing it correctly? It's still not wrapping.
Hi,
Please try replace the code I sent to this code:
@media only screen and (max-width: 960px){ ul.homepage-featured-boxes .penci-fea-in h4{ margin-top: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); } ul.homepage-featured-boxes .penci-fea-in h4 span, ul.homepage-featured-boxes .penci-fea-in h4 span span { white-space: unset; line-height: 1.3; height: auto; } ul.homepage-featured-boxes .penci-fea-in h4 span { padding-top: 8px; padding-bottom: 8px; } }Best Regards,
PenciDesign
You're amazing! Thank you so much! Great customer support!