Support » Plugin: Gutenberg Blocks – Ultimate Addons for Gutenberg » Astra breaks Gutenberg column block margin behavior

  • Resolved nicoter

    (@nicoter)


    Hi,

    The Gutenberg columns have a left margin set in wp-includes/css/dist/block-library/style.min.css:

    .wp-block-column:not(:first-child) {
        margin-left: 32px;
    }

    Unfortunately Astra adds the following CSS inline:

    @media (max-width:782px) {
        .entry-content .wp-block-columns .wp-block-column {
            margin-left:0px;
        }
    }

    This breaks the layout and results – on screen sizes between 600 and 782px – in two columns next to each other without any padding between them.

    What is the inline CSS here for? I don’t see any use case for Astra CSS to interfer with default WordPress columns in the .entry-content div?

    Looks like a bug to me, can you fix it asap please?

    Thanks

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Astra breaks Gutenberg column block margin behavior’ is closed to new replies.