Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2333632
Mobile Featured Boxes Text Wrap
Closed

Comments

  • robles_design started the conversation
    March 21, 2020 at 2:59am

    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.

  •  2,699
    PenciDesign replied
    March 21, 2020 at 3:02am

    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 replied
    March 21, 2020 at 3:09am

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

  •  2,699
    PenciDesign replied
    March 21, 2020 at 3:18am

    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
    March 21, 2020 at 3:21am

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