Gutenberg-Media Text Block-stacked on mobile
-
Hi, I want to extend the is-stacked-on-mobile class to work on tablet width for media text block. I did try it myself and found a piece of code and added it to the customize css part, but it doesn’t do the trick. Anyone an idea?
@media only screen and (max-width: 960px)
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100%!important;
grid-template-columns: 100%!important;
}Kind regards, Debbie
The page I need help with: [log in to see the link]
-
I found another piece of css code on https://github.com/WordPress/gutenberg/blob/trunk/packages/block-library/src/media-text/style.scss
@media (max-width: #{ ($break-small) }) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text__content { grid-column: 1; grid-row: 2; } } }How to adjust this to make it work on tablet width? I have tried to set the max- width to 960 px but that makes the content dissapear? Anyone an idea?
Kind regards Debbie
- The topic ‘Gutenberg-Media Text Block-stacked on mobile’ is closed to new replies.
