There is a strange glitch in the responsive behavior on smart phones. A user reported that when the home page opens on her browser (chrome, iPhone), the content is shoved to the right hand 40% or so of the screen. Navigating to another page on the site yields a normal display. Navigating back to the home page also allows to display normally. I can replicate this in chrome on my Mac using the responsive tool. The steps are: open the hompage, select developer tools, select the responsive toggle, I then get the result shown in the first picture. Refreshing the home page yields the correct layout as seen in the second picture.
My user reports that it always comes up that way on her phone, I have tried several phones and once it is reset it does not revert to the narrow display. I cannot replicate this on firefox or safari.


    sneadm Hi

    Which mobile device are you using?

    I tried with my iPhone but could not replicate the same issue.

        saguaros iPhone and chrome, not sure which one. I have been unable to replicate on my iPhone 12.

          My user is on an iPhone 12, also tried an iPhone 11

          Correction, phones are iPhone 11 pro max and iPhone 14 pro max.

            sneadm I mean the phone from. your user who reported as I tested with the same IP 11 + 14 but it displayed normally.

              7 days later

              I've confirmed that it continues on their phones, they are pro models. It also only happens using the chrome responsive simulator. Have you been able to replicate with the simulator?

              Mark

              HI Mark,

              Could you ask for their phone model so I can test with team? as we can't replicate that issue.

              11ProMax and 14ProMax

              I can't replicate the same issue but I guess the iframe for the embedded videos in custom HTML modules on homepage of your site maybe the culprit.

              I added this custom css code:

              @media (max-width: 768px){
.mod-custom iframe {
    width: 100% !important;
}
}

              You can clear browser's cache and check again.

              That seems to have done it, let me check with my user.

              Thank-you!

              Problem solved. You may close the post.

              Write a Reply...
              You need to Login to view replies.