Mobile Featured Boxes Text Wrap

Public Ticket #11579

Conversation thread

robles_design replied

6 years ago

Customer Reply

You're amazing! Thank you so much! Great customer support!

PenciDesign replied

6 years ago

Staff Reply

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

robles_design replied

6 years ago

Customer Reply

Sorry. Perhaps I'm not doing it correctly? It's still not wrapping.

PenciDesign replied

6 years ago

Staff Reply

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

robles_design started the conversation

6 years ago

Conversation Start

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.

Want to join this conversation or access attachments? Sign in first.