• Resolved Adam

    (@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 5 years, 2 months ago by Adam.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Adam Faryna,
    If you don’t mind, can you please post here the problem screenshot for me?
    You can upload your screenshots to https://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.

    Thread Starter Adam

    (@jarfar)

    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

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

    Thread Starter Adam

    (@jarfar)

    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.

    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

    Thread Starter Adam

    (@jarfar)

    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.