I’ve implemented a working solution for now, which is to input everything as a ‘flat’ no column post, this way the ‘flow’ of the content when the client is entering is exactly how it would be on mobile.
On Desktop, I apply width:50% and masonry plugin to all direct child elements of the post-body container.
On Mobile breakpoints in CSS, I make the child elements width 100%.
It’s working well for now, although as usual, certain combinations of block heights might result in unexpected layouts.
Related Posts:
- make WordPress image captions responsive
- Responsive Theme Design: how have slideshow on desktops/tablets and static photo on mobile using same template?
- How to get attachment id of background image?
- Pb with responsive image sizes in WP 4.4
- Change function in responsive theme
- $content_width for responsive UI
- How do I make featured images retreived by the_post_thumbnail() responsive?
- GIF featured image is resized on server but not used in frontend. Why?
- Responsive Video Max-width
- How to force the twentyfourteen narrow screen layout to apply to wide screens?
- twentythirteen h1 and h2 not resizing responsively
- YouTube video goes over sidebar [closed]
- Wp_List_Table not responsive
- mobile vs responsive sites [closed]
- Responsive Theme Design: how have slideshow on desktops/tablets and static photo on mobile using same template?
- responsive not working
- I want to add “View Desktop Version” for mobile visitors for my wordpress site
- Navigation Menu Rendering Issue on Windows 10
- Header Logo Scaling
- nextgen pro horizontal filmstrip moves up as browser narrows
- The hyperlink not responsive with post? [closed]
- Create various image sizes ad hoc
- Trouble with responsivitizing my twentythirteen header
- site is loading fully zoomed in on mobile devices
- Show content based on width?
- making images scalable for responsive designs [closed]
- Is Twenty Eleven Theme Responsive ? any update? [closed]
- How I can add responsive font size in theme.json file
- How do I disable responsive images in WP 4.4?
- Create image formats with different qualities when uploading
- How can I set image sizes and still have responsive images using the srcset attribute?
- How-to add rewrite rules to point the uploads folder to a subdomain
- Responsive Images
- Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap
- Making WordPress Gallery (.gallery-item) Responsive?
- Generating Responsive Background Image Sizes in PHP
- How can I serve different images depending on screen size with wordpress
- How to Make WordPress Default gallery responsive on mobile?
- How can I make wp default gallery responsive?
- How to exclude an image size from the WordPress srcset
- Get specific image size for small viewport width
- Featured image (responsive) above content is too small after update to WordPress 4.4
- Video to stretch across the entire homepage [closed]
- Meta tag viewport
- How to display a different image size for mobile
- Can’t show custom post thumbnail sizes as background images
- How to make wordpress theme iframe responsive
- WP Responsive images – upload custom image sizes
- Making footer widgets responsive
- How to create ‘Local’ filters for WordPress srcset sizes in template parts?
- Add clickable arrows to parent menu items with children elements e.g. with
- Mobile issue – website isn’t properly detecting screen size [closed]
- Translate a word in a responsive menu
- adaptive featured images wordpress 4.4 grid
- Modify ‘Sizes’ Attribute for Images with Specific Class
- How to Implement Responsive YouTube Video Framing? [closed]
- wp_editor responsive?
- Set Post Thumbnails in Percents
- Title has word broken when viewed in mobile [closed]
- Faster fonts on mobile
- Add Image Size for Featured Image with Responsive Design
- Responsive dropdown menu with smaller screen sizes
- Menu toggle bar works only on some pages in WordPress
- Adding srcset to an image in ajax
- How to select which thumbnails sizes are displayed in srcset
- Open Menu is not working in Mobile view [closed]
- Disable Media File Image Link On Mobile Devices
- Generate responsive post thumbnails of same size
- All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images
- Change “posts per page” depending on width
- Whitespace between logo and site title in Twenty Twenty-Two
- Why does WordPress list all image sizes in srcset even if they’re larger?
- Need to make sidebar responsive only when screen width is greater than 1024px
- WordPress Responsive Image ( srcset ) not work properly
- Twenty seventeen header is not responsive
- WordPress Toggle Menu has stopped working
- How can I hide/show text only for mobile users?
- Website Tablet Check Out Field Issue
- @media applying globally and not separately for each screen width [closed]
- How can I disable Jetpack plugin on mobile?
- WordPress not choosing the right image from srcset
- Responsive Images in WordPress
- Site not 100% responsive
- Filter the_content() to add custom figure tags
- Header formatting works for safari but not chrome @media screen size technique on iphone
- Bootsrtap.css overlap style.css in custom wordpress theme
- Change get_post_thumb responsively?
- Is there a good way to use CMS images with CSS
- Server Variables not recognized in certain posts
- Twenty Fourteen responsive CSS
- Elementor Pro and Astra have different breakpoints – how to salvage?
- HTML content filtered on blog page
- I would like to hide menu on desktop but still have it visible on small screen
- Correct way to make a custom block theme responsive
- Understanding responsive imagery
- How can I only show one responsive menu on mobile devices?
- Remove one srcset entry from wp_get_attachment_image
- How to solve WordPress accordion problem on Iphone?
- Not working Mobile view and Desktop view properly when we searched on website
- medium_large image size not displaying properly on the frontend?