Site logo

Archived topic

Mobile isn't displaying properly

7 replies · Started by Sam on December 22, 2022

Viewing posts 1–8 of 8

Need some help figuring out why the mobile version, that displays perfectly when editing, doesn't display at all like it should. Here's the site:
- https://sprmedstg.wpengine.com/

This specific section seems to be causing the issue: https://share.getcloudapp.com/7KujP9ge

I tried removing that container and the issue went away. You can observe this if we hide that section with this CSS you can temporarily add through Appearance > Customize > Additional CSS:

div#gspb_container-id-gsbp-f69f3b69-1778 {
    display: none;
}

You'll need to check its settings or reach out to the support of this Block for suggestions on how to fix the issue.

Appreciate it Fernando. Now, next problem haha... Do you know why the page is loading this way on mobile?
- https://imgur.com/FW55kgX

Basically its mixing up where the elements and sections from the page go... Blog posts are at the top, instead of the bottom, just sort of chaotic really.

Another Question: I built all the pages inside reusable templates. Then short code those templates to the page itself. Would it be smarter if each individual section was created separately? Then shortcoded over? So instead of the page having 1 short code it could have 6 or 7?

Let's keep it one question per topic, please.

For the mobile display, I suspect that there might be some caching or optimization that's conflicting.

Can you disable all plugins except GP Premium and GenerateBlocks to test first?

It's an AMP issue... Google AMP is loading every time, and it's loading its own formatting. Gotta turn that off until I can properly format the amp pages I guess.

This archived topic is closed to new replies.