Media & Text Gutenberg block – mobile

  • Resolved Manu

    (@manuxx34)


    4 years, 9 months ago

    Hi, we are having a strange behaviour with the default “Media & Text” block from Gutenberg.

    Please check from mobile below the subheading “Los mejores abogados de inmigración en Los ángeles” In mobile it tries to put one block next to each other instead of the image above the text as if it wasn’t resposive.

    PD: The “stack on mobile” option inside the block doesn’t look too good either since it sticks the block to of text below the image leaving no space between the image and the block.

    Regards

    • This topic was modified 4 years, 9 months ago by Manu.

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

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

  • Hello,

    Try to use the below code to fix it – 

    @media only screen and (max-width: 520px) {
.wp-block-media-text {
    display: block;
}
.wp-block-media-text .wp-block-media-text__media {
    margin: 20px 0;
}
}
    Thread Starter Manu

    (@manuxx34)

    Thank you! That solved it, please if you remember to add it to a future update that would be great, thanks a ton!

    Glad to hear that it is fixed! We will consider your suggestion.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Media & Text Gutenberg block – mobile’ is closed to new replies.