Mobile view is smaller than screen

  • Resolved Sofia Pereira

    (@patiowebdesign)


    1 year, 1 month ago

    Hi! I am building a blog for a client and using this plugin for the first time. I chose the two-column option, and it looks great on both computer and tablet. But on mobile, it shrinks the boxes to about 65% of the screen width. I have embedded it in the Brizy builder for the blog post layout using a shortcode and I’ve done no further customizations. Is there a way to make it full-screen on mobile as well?

    On mobile of course it’s only one column, stacked, but it’s just the width that seems off, being a little more than half of the screen with the rest (on the right side of the form) being blank.

    Thank you in advance, Sofia

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter Sofia Pereira

    (@patiowebdesign)

    To add to the above, here’s a screenshot: https://imgur.com/a/sRmNPHT

    Plugin Author Thomas Maier

    (@webzunft)

    Hey Sofia, thanks for reaching out. I can see the problem. I will take a closer look after recovering from a cold.

    Thanks, Thomas

    Thread Starter Sofia Pereira

    (@patiowebdesign)

    Thank you Thomas! Get well soon ?? if there’s anything I need to do on my end then, please let me know.

    Plugin Author Thomas Maier

    (@webzunft)

    Hi Sofia,

    I just uploaded a test version that only enables the two-column layout on devices larger than 480px. You can download it from here.

    Would you be able to test it and let me know if it works for you?

    Thanks,
    Thomas

    Thread Starter Sofia Pereira

    (@patiowebdesign)

    Hi Thomas! Thank you for your reply and quick action. Is this a new plugin to replace the other, or will you make up update to the existing?

    Thread Starter Sofia Pereira

    (@patiowebdesign)

    Hi Thomas! I just replaced the plugin file. It looks great now, it’s full screen on mobile ?? Thanks a lot!

    Plugin Author Thomas Maier

    (@webzunft)

    Hey Sofia,

    thanks for testing! I am happy that it works now and will schedule the release for the near future.

    Thomas

    Gutenberg column blocks displaying differently on mobile devices on two different websites.

    These two websites are of different ages. The newer website correctly displays column block content on mobile using the screen’s width. The older website displays the content of columns with additional side margins, shrinking the content to the middle rather than using the screen’s width. Both websites have an updated version of WordPress and Astra Theme.

    I have tried “everything for on and off for months” to correct the display on mobile on the old website to no avail.


    Please help!

    Newer Website, correct display of columns on Mobile:

    https://avesdeperu.org/gallinazo-cabeza-negra/

    —————-

    Old website: Wrong display of columns on mobile

    https://avianreport.com/american-kestrel/

    Plugin Author Thomas Maier

    (@webzunft)

    Hey @surbound, please open a new thread. Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Mobile view is smaller than screen’ is closed to new replies.