Text Wrap in the Team Member Content Box

Home › Forums › Jevelin Theme › Text Wrap in the Team Member Content Box

Home › Forums › Jevelin Theme › Text Wrap in the Team Member Content Box

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • [email protected]
    Participant

    Hello,

     

    I like the “Team Member” content box, but when I add significant text in the box, although it looks great on a desktop, creates a very long skinny line of text on mobile devices (image attached). Is there a way for the text to appear below the image on mobile devices?

     

    Thank you.

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @chbrenchley,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where it is displaying so that I can help you to achieve it?

     

    Best regards,
    Shufflehound team

    [email protected]
    Participant

    Here is the page url https://finaldraftstrategies.com/

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media (max-width: 1024px){
#page-container .sh-team-style3 .sh-team-image-container,
#page-container .sh-team-style3 .sh-team-aside {
    clear: both;
    padding: 0;
    float: left;
    width: 100%;
}
}

    [email protected]
    Participant

    Thanks!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)