Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1319876

    Hi,
    I have used “Team Members” to set up contact information for a client and everything looks fine on both desktop and my iPhone 12 max. Although, on some smaller iPhone screens and some Android phones it seems to be a larger padding/margin and cuts off the e-mail addresses and put below the entire block on those who have a lengthy address. I cannot reproduce this problem myself since I only have access to the iPhone 12 Max. The Chrome web-browser on desktop mobile emulation looks good as well.

    Is there a way to make the contact page look the same on smaller screens than the iPhone 12 max as well? There is some custom CSS code involved but I cannot tell if it’s doing something to make the smaller screens have less margin or padding than the iPhone 12 Max.

    Regards, Roger

    #1320029

    Hey Technohead,

    Thank you for the inquiry.

    Would you mind providing a screenshot of the issue? The team section looks perfectly fine on a browser device emulation as shown in the screenshot below. But you may need to adjust the width of the team member description and have it float or positioned to the right of the parent container on very small screens.

    Screenshot: https://imgur.com/RIp7Wh7

    You can add this css code to re-adjust the width of the description container.

    @media only screen and (max-width: 479px) {
        .team-member-description {
            float: right;
            width: 60%;
        }
    }

    Best regards,
    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.