Major differences between mobile and desktop home page rendering

  • Resolved TheGreatBundini

    (@thegreatbundini)


    3 months, 1 week ago

    Hello, I set up my home page exactly as desired in Neve + block editor, and it’s rendering right on desktop but not mobile.

    https://alexandrep26.sg-host.com/

    All plugins updated; I went through disabling all plugins one-by-one which didn’t resolve; cleared cache.

    Any help would be greatly appreciated!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • rodicaelena

    (@rodicaelena)

    Hi there,

    Please share more specific details on what is not rendering well on mobile. Some screenshots could also help.

    Thank you!

    Thread Starter TheGreatBundini

    (@thegreatbundini)

    Thanks very much for responding. @rodicaelena

    As an update, the site has also stopped rendering correctly on desktop.

    I believe it’s related to the Otter Block plugin. If I disable, and then create a new page with just “standard” WordPress blocks, the page renders as anticipated.

    I’m including two screenshots—?the page editor with Otter Blocks enabled and showing the desired layout, and then how it appears when viewing.

    I disabled all other plugins, disabled caching, WP_DEBUG doesn’t throw any errors,

    Thread Starter TheGreatBundini

    (@thegreatbundini)

    @rodicaelena also meant to add, I tried all versions of Otter version 3.0.4 through 3.0.8 in the hopes that a previous version would fix it.

    Thread Starter TheGreatBundini

    (@thegreatbundini)

    I got the page to render correctly by disabling Otter and re-enabling it. On the first page load, the page render correctly. I outputted the full code of the page and saved the HTML.

    I refreshed the page, and it stopped rendering correctly. I outputted the full code of this page and saved the HTML.

    I uploaded to an online comparison tool, and it did highlight the differences.

    The left is the ‘incorrect’ version (renders wrong); the right is the ‘correct version’ (renders correctly)

    https://www.textcompare.org/html/?id=674f6ca91e087b10dd5a8c4d

    Thread Starter TheGreatBundini

    (@thegreatbundini)

    Finally resolved this! Leaving an answer in the hopes it helps someone else.

    It was due to a mix of secure and insecure content loading on the page. In my host (Siteground) I set it to enforce HTTPS and that seems to have resolved. I also added a new SSL cert.

    Kush

    (@kushnamdev)

    @thegreatbundini

    Thank you for sharing this update with us. We are happy to hear that this issue is resolved.

    Best regards

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