mobile in 320px

  • Resolved holle75

    (@holle75)


    1 year, 5 months ago

    Hi there, switched for the actual site i´m creating from Astra to Blocksy. Great work, thank you for that. One question though … it seems blocksy is optimized for 375px width in mobile view. This creates shifts and cut off containers on mobiles with only 320px fe in woocommerce checkout. And yes, it´s 2024 but there are still many out there with this super small resolution. I´m asking for a quick fix to modify to 320px.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Eduard

    (@cteduard)

    1 year, 5 months ago

    Hello @holle75,

    I am uncertain as to what you are referring to. We do not have any breakpoints at 375px or 320px.

    Our breakpoints are at 699px for mobile devices and 999px for tablet devices. Perhaps you could provide me with more details and a live link?

    Thank you.

    Thread Starter holle75

    (@holle75)

    1 year, 5 months ago

    Hi Eduard, site is behind a maintenance wall. Yes, i should explain better. With one of your starter templates (i think it was Floreo) and woocommerce installed, when going to the checkout on mobile, fields are truncated on the right in 320px view. When switch to 375px everything is ok. I don´t know if blocksy/template/woo is defining the size of 375px as a minimum. I can´t find a quick css workaround.

    Please see screenshot https://ibb.co/6bcBQ37

    ok, just realized the screenshot above is kind of awkward. -> https://ibb.co/pnsgtCs

    Eduard

    (@cteduard)

    1 year, 5 months ago

    Hello @holle75,

    I regret to inform you that I would require access to the website in its live state to provide appropriate advice. Several factors could influence the situation.

    Here is a screenshot of the checkout page, approximately 200px in width, which appears to be looking correctly: https://ibb.co/Qc1KWZ2.

    Kindly provide a live, working URL so that we may thoroughly evaluate the matter.

    Thank you.

    Thread Starter holle75

    (@holle75)

    1 year, 5 months ago

    Thanks Eduard. Good to know, that this seems to have to do with my configuration and is not a general problem. I will dig deeper and might get back here when no success. Can´t give you access at the moment.

    Eduard

    (@cteduard)

    1 year, 5 months ago

    Thank you, @holle75. I’ll be here whenever you’re ready. 🙂

    Thread Starter holle75

    (@holle75)

    1 year, 5 months ago

    … just for info. Problem stemmed from

    blocksy customizer -> Woocommerce general -> checkoutpage (design) ->”Order Review Padding”.

    Eduard

    (@cteduard)

    1 year, 5 months ago

    Hello @holle75

    Thanks a lot for letting me know. Do you remember on what value it was previously set?

    Thread Starter holle75

    (@holle75)

    1 year, 5 months ago

    if i remember right 20 or 30px. I reduced to 10px for mobile view. It´s still not perfectly centered on 320px mobiles, but an acceptable compromise.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘mobile in 320px’ is closed to new replies.