Support » Plugin: Gutenberg Blocks and Page Builder – Qubely » 2 column Row component on mobile image misaligned

  • Resolved Adam Faryna

    (@jarfar)


    Hi, we have a problem with 2 column row component with paragraph on the left and image on the right in mobile view 320px. The image is not horizontally centered on the screen, there is too big gap on the left and too small on the right. Tried with Column Reverse as well, no luck.

    • This topic was modified 10 months, 1 week ago by Adam Faryna.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Fahim Murshed

    (@fahimmurshed)

    Adam Faryna,
    If you don’t mind, can you please post here the problem screenshot for me?
    You can upload your screenshots to http://imgur.com and attach the links here.

    It’s helping me to indicate the issue and provide you the quick solution or I can notice to our dev team to fix this issue.

    Hi Fahim Murshed, here is the screenshot https://imgur.com/a/nqlodEU. As you can see the image is not centered. This is just row with:
    – col1 – native heading, native paragraph
    – col2 – native image

    Fahim Murshed

    (@fahimmurshed)

    I have checked and make a video https://streamable.com/xwoyh
    Can you please make a video for me?

    Hi Fahim,

    thanks for video, it looks like it renders ok in this case. I see you used image component from the Qubely, I used core image component instead, because it’s good enough for this example and it’s more lightweight. This can make a difference. We use row component from different library now, not Qubely, with core image component and it works fine.

    Fahim Murshed

    (@fahimmurshed)

    When I am using my plugin (Qubely), sure I have to use Qubely Blocks (Row, Image and others) 😀

    You know, for better compatibility.

    If you think this issue has been solved, I request you to change the post status

    That’s bad. I prefer to have more flexibility, so at least for the Row we will be using different plugin. I would assume additional component library will be compatible at least with core Gutenberg components. Core components render minimal HTML, if nothing more is required, why use something bigger?

    Thanks for clarification.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘2 column Row component on mobile image misaligned’ is closed to new replies.