How can I fix the mobile version of my website?

  • Unknown's avatar
    chefguillemette · Member ·

    The desktop and tablet versions are good, as in picture/text are full size, but mobile version needs fixing – text / pictures are not full size for some parts of the page.
    How can I do that?
    Thank you!

    WP.com: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    aisajib · Member ·

    Hi there!

    Sorry to hear that! Just to ensure we’re looking at the right area, could you please take a screenshot on mobile and share it with us? We have instructions here for taking a screenshot if you’re not sure.

    Thanks!

  • Unknown's avatar
    chefguillemette · Member ·

    Here are two examples – some blocks are fine, they adjust to mobile screen, but some don’t, like the ones pictures here, and I can’t figure out why

  • staff-doublebassd · Staff ·

    Hi there,

    Thank you for reporting this. It is a known issue that our developers will look into. I have reported this issue internally and will keep you updated on anything fixes that we’re able to deploy.

    There is a temporary workaround, but it requires the purchase of the Premium Plan. With that plan, you can use CSS to adjust the padding so that the site appears properly on mobile:

    /* Remove right margin on mobile | -hc EH */
@media only screen and (max-width: 768px) {
    .wp-block-group.alignfull {
        margin-right: unset !important;
    }
}

    Hopefully, we’ll be able to implement a fix soon so that this works as intended on both free and paid sites, but you do have the option to add CSS to correct the issue with the purchase of the Premium Plan.

    Apologies for the bug, but will keep in touch with any updates for a fix.

    Thanks again!

  • The topic ‘How can I fix the mobile version of my website?’ is closed to new replies.