Topic: Mobile view

frifugl
October 2, 2023 at 3:51 am

Hi. A question about an article using blocks, where the mobile view looks a bit strange (squeezed paragraph-text).
Image block is on top, but in portrait mode the paragraph below gets very narrow. How to avoid this/fix issue?

David

October 2, 2023 at 5:19 am

Hi there,

try adding this CSS:

@media(max-width: 600px) {
    .wp-block-image .alignright {
        float: none;
        margin: unset;
    }
}

frifugl
October 2, 2023 at 10:15 am

Hi. Did not make any difference, as far as I can see.
frifugl
October 2, 2023 at 10:29 am

Cache issue, actually worked. Is this because of some css-issue on this specific site, or do I need to use this css-addition on all sites using generateblocks?
Fernando
October 2, 2023 at 5:59 pm

Hi there,

I see. Glad David’s code worked. This issue is with the WordPress Image Block, not a GenerateBlocks Image Block. If you’re using a WordPress Image Block on the other sites and you’re encountering the same issue, using David’s code should help.
frifugl
October 2, 2023 at 8:51 pm

Ok. So when adding an image block, the user needs to make sure to make a Generatepress Image block, not a wordpress image block? How do they differ, what instructions should I give to the editors on site to make sure they select the right type?
Fernando
October 2, 2023 at 9:50 pm

Yes, using the Image Block from GenerateBlocks is more controllable.

The logo of the GenerateBlocks Image is this: https://share.zight.com/2NuW5XAe

It’s color blue. In comparison, the one from WordPress is black.

Viewing 7 posts - 1 through 7 (of 7 total)

Mobile view