Mobile Speed Issues

Home Forums Technical Theme Support STAX Theme Mobile Speed Issues

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #466790
    Berit Sund
    Participant

    Hello
    Hope you are well! I continue to have issues with LCP on my website and blog: https://www.gutsandgloryhealth.com/gut-health-blog/

    Having been in touch with WP Rocket and Smush support staff, both seem to think the hero image container needs to be smaller, plus should choose a different size of image in the mobile section. It appears the demo theme also has this issue (https://stax.organicthemes.com/blog/)

    Please can you advise how to achieve this with Organic Stax?

    FYI I used the One Change service to set up the blog layout.

    Kind regards, Berit

    #466869
    David Morgan
    Keymaster

    Hi Berit,

    Thanks for reaching out! I hope you’re well as well.

    In this case, I would recommend changing the width the Cover Block to Wide instead of Full Width, or removing the Cover Block altogether from the blog page.

    You can edit the block by navigating to Appearance > Editor > Templates > Index. The size can be toggled in the block controls, or you can delete it altogether. I attached a screenshot for reference.

    Let us know if there is anything else.

    Thanks!

    Attachments:
    You must be logged in to view attached files.
    #466883
    Berit Sund
    Participant

    Hi David
    Thanks. I really like the look of the blog post template provided by your team, is there not a way to mobile optimise it?
    Kind regards, Berit

    #467002
    Berit Sund
    Participant

    Hi DAvid, wondering whether there’s a way to mobile optimise the blog teme (set up via STAX One Change service)? Kind regards, Berit

    #467024
    David Morgan
    Keymaster

    Hi Berit,

    I apologize for the delay. Rather than changing the width of the block, I could provide a style to hide the cover block in mobile, which should help optimization for mobile devices.

    You can hide the block using this CSS:

    @media screen and (max-width: 768px) {
        .site-main > .wp-block-cover {
            display: none;
        }
    }

    Also, make sure your image is saved in the .webp format for maximum file size savings. When it comes to large images and the LCP, there’s really no way around this optimization aside from either removing the image altogether or compressing the file size as much as possible. It just becomes a matter of preference whether you prefer having the image or prefer optimizing the page as much as possible.

    I hope this helps.

    Thanks!

    #467053
    Berit Sund
    Participant

    Many thanks, David!

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