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
- How do I disable responsive images in WP 4.4?
- How do I delete all UNUSED images from my uploads directory?
- How to extend the gallery block in Gutenberg?
- WP 4.4. responsive images browser choosing the “wrong” one
- Prevent WordPress from adding image’ title automatically
- Overide Gallery Default Link to Settings
- How to insert pictures without hard coded dimensions?
- get_post_gallery with Gutenberg
- How to have different captions for same image, for galleries?
- How to reference a theme image in a stylesheet?
- get_post_gallery_images returns thumbs . I want full size
- WP 3.5 and Galleries – how to count images?
- how automatically show the image title before the image caption/description in a wordpress gallery?
- Images getting smashed
- change the h3 subtitles of the wordpress gallery shortcode
- WordPress Responsive Image ( srcset ) not work properly
- How to re-arrange images in default WP Gallery more than one image at once?
- Convert multiple image blocks to gallery block in Gutenberg?
- How to change background image
- get_post_gallery with Gutenberg
- Images 404 after wp migration to a subdomain
- Responsive Images – Defining
- Change header image size
- Decide how Hero image appears on mobile
- Exclude first image from a Woocommerce image gallery
- Responsive Featured Images Not Working
- Adding custom html/css/images to Theme
- Responsive images with srcset
- Getting extra image links in code with wp_get_attachment_image
- Is there a way to create referable automatic numbering in image captions?
- built-in responsive images in content – do I need to add anything to functions.php?
- Why do images inserted in the post content via the_content() go off the max-width?
- How can we achieve this image css style?
- Remove image border in twentyeleven theme [closed]
- 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
- Put image onto header
- Are WP images responsive by default?
- Responsive Images in WordPress
- Image thumbnail on single product issue | WooCommerce
- Background image call problem
- Gallery Images could not be shown
- How do i replace the title attribute of img tag with the image caption
- all images of past post messed up after changing theme
- Gallery with shortcode not showing
- Show WordPress Image Title Under Custom Portfolio Image
- Replacing an Image gallery
- attachment.php & flexslider—linking thumbnail to specific image
- Thumbnail gallery by date and taxonomy
- How to display every pictures from all the posts on one page?
- How to add multiple images in a page
- Custom styling Insert Media window
- Breadcrumbs for Single Image page
- 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
- Slider do not add alt attribute. Cant get alt attribute from a media library!
- wp_get_attachment_link() add rel attribute if the link points to direct image
- Paginate Gallery [closed]
- 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()”
- Adding different classes to different images depending on size for fine control of image layout in posts
- Stop underlining image links
- Font size on image captions on mobile
- Parallax image problem
- Automatically adding blog images to a portfolio/gallery
- Theme using masonry layout script rendering overlaped images in Google Chrome [closed]
- Why is inline CSS added to images automatically? [closed]
- Create decorative image border with CSS? [closed]
- Image Attachments Query Not Working If Post Is Loaded Via Ajax
- WordPress update leads to 404 error on admin page and signup. CSS mishap with all plugin related functions
- I am having trouble displaying an image at the top of a widget area [closed]
- Remove one srcset entry from wp_get_attachment_image
- 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
- CSS how to target the caption of one individual image?
- How do I set attributes for all images in a site
- Image shows up in editor, but not in published blog post
- Remove srcset thumbnail attribute for products in the WooCommerce shopping cart
- css and images in uploaddir, different response in different browsers
- Control the srcset, image size for get_the_post_thumbnail
- How to make an image appear then another takes its place and so on?
- wp_get_attachment_image with custom size not rendering possible 2x srcset image
- medium_large image size not displaying properly on the frontend?