They achieve this by using CSS Media Queries .
Here are the specific ones controlling the gallery width.
@media(max-width: 720px){
.gallery-item{
max-width: 50%;
}
}
@media(max-width: 480px){
.gallery-item{
max-width: 100%;
}
}
Add those into your style.css and see if they work.
Related Posts:
- Making WordPress Gallery (.gallery-item) Responsive?
- Responsive background images added inline
- Override img class in gallery
- Multiple amp-image overlays. How to properly do this in wordpress?
- All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images
- Can i have 2 separate Galleries on 2 separate pages each go to a DIFFERENT Attachment.php file?
- Is there a good way to use CMS images with CSS
- WP 4.4. responsive images browser choosing the “wrong” one
- get_post_gallery with Gutenberg
- Navigate with keyboard in Gallery shortcode
- Bulk edit wordpress images alt and title attributes
- How do you modify the HTML output of a Gallery item (using the gallery shortcode)?
- How to include externally hosted images into a gallery block
- WP 4.4 aspect ratio with responsive image
- Use Media Library to manage galleries like Nextgen (with folders, albums, collections, tags, categories, terms…)
- How can I make all gallery images to open in a new window?
- Add CSS class to every image
- get attributes/part of the gallery shortcode
- Responsive Images – Add srcset attributes to custom Images Function
- Editing built in Gallery shortcode to filter by categories
- Gallery images stored elsewhere (preferably Google Drive)
- WordPress gallery previous/next buttons showing all media library images
- Any way to “combine” galleries or show multiple galleries as one?
- How can I upload an image for background use using the Theme Editor in WordPress?
- WooCommerce-like featured gallery
- Removing height and width from images with a caption
- Pull Random Attachments With Pagination
- Extracting gallery images in WordPress 3.5 on index.php
- How to use photo in multiple posts?
- Exclude images from “inserted into post” when trying to get attachments
- Is this post using WordPress Gallery?
- Turn off image captions in gallery view?
- Unyson Framework doesn’t show gallery images
- Image not shown in the theme as it’s showing in HTML template [closed]
- Why does my caroussel gallery do this in responsive? [CSS] [closed]
- CSS: How can I show a photo beyond the template’s column, but contained within the browser window? [closed]
- How to handle a background-size: cover image in WordPress?
- Background-image not showing? [closed]
- How can I display an image description, from an image gallery?
- Gallery with thumbnail carousel
- How do I get my main image to stretch the full length of the screen?
- Understanding WordPress image sizes and responsive images
- Media gallery images url instead of ID on WP API Response
- Get all image IDs from the Media Library
- Allow users to contribute images to a post
- How to upload and style svg logo?
- css to fit image by HEIGHT
- Adding srcset to an image in ajax
- How to implement CSS-defined images from bootstrap site in wordpress theme
- Moving an image to the side [closed]
- How to automatically populate a gallery with images attached to posts of one category?
- Excluding post thumbnail from the attachment.php when using wordpress gallery
- How do I display the featured image from an image gallery using a reference in code? (example within)
- Image Captions Have a 10px Extra Margin, And It’s Not CSS? [duplicate]
- attach several images to post + gallery
- Image modification
- What’s are some best practices for responsive images (e.g. for section headers)?
- Landing Page with HTML CSS JS and Images on wordpress
- how automatically show the image title before the image caption/description in a wordpress gallery?
- change the h3 subtitles of the wordpress gallery shortcode
- WordPress Responsive Image ( srcset ) not work properly
- How to change background image
- get_post_gallery with Gutenberg
- Responsive Images – Defining
- Is there a way to create referable automatic numbering in image captions?
- Why do images inserted in the post content via the_content() go off the max-width?
- How to display posts with images in fullscreen slider
- Using a full-width hero image that can be changed in the dashboard by a user
- Responsive images in Bootstrap 4 slider
- WordPress not choosing the right image from srcset
- Are WP images responsive by default?
- Responsive Images in WordPress
- Image thumbnail on single product issue | WooCommerce
- Background image call problem
- How do i replace the title attribute of img tag with the image caption
- Replacing an Image gallery
- Thumbnail gallery by date and taxonomy
- Custom styling Insert Media window
- Display ajax preloader for large images within posts
- An image on my site is showing as the wrong image [closed]
- Thickbox not displaying just the image, instead showing full page in lightbox
- Theme files and imagesnot loading on a mobile device
- Multiple gallery thumnbnails on one page
- wp_get_attachment_link() add rel attribute if the link points to direct image
- How do I set the sizes of my thumbnails when inserting a [gallery]?
- *box for images displayed as a post’s [gallery] [duplicate]
- Display X images from a gallery in the sidebar
- Getting top Image From the Gallery and printing out a thumbnail with Exact Dimensions
- change with CSS the color of an svg background image set with “background-image: url()”
- Stop underlining image links
- Font size on image captions on mobile
- Parallax image problem
- Automatically adding blog images to a portfolio/gallery
- I am having trouble displaying an image at the top of a widget area [closed]
- Is there a way to add background-image to theme.json?
- Generate / attach Image srcsets from ACF Image Field
- Images uploaded in customized gallery do not link to media
- Fix position of an image while using elementor pro gallary widget
- How do I set attributes for all images in a site
- wp_get_attachment_image with custom size not rendering possible 2x srcset image