It seems I forgot one crucial aspect: to edit the CSS of the img element.
I set my img to:
img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
That fixed the issue with regards to the images not being responsive.
Related Posts:
- How do I disable responsive images in WP 4.4?
- WP 4.4. responsive images browser choosing the “wrong” one
- How to insert pictures without hard coded dimensions?
- Making WordPress Gallery (.gallery-item) Responsive?
- WP 4.4 aspect ratio with responsive image
- How can I serve different images depending on screen size with wordpress
- How to Make WordPress Default gallery responsive on mobile?
- Responsive background images added inline
- Responsive Images – Add srcset attributes to custom Images Function
- Get a list of all image sizes that match aspect ratio of original one
- How to exclude an image size from the WordPress srcset
- Responsive Images Resizing Images
- Featured image (responsive) above content is too small after update to WordPress 4.4
- How to display a different image size for mobile
- WP Responsive images – upload custom image sizes
- Fuzzy Images in WordPress 4.4
- Removing height and width from images with a caption
- How to create ‘Local’ filters for WordPress srcset sizes in template parts?
- Multiple amp-image overlays. How to properly do this in wordpress?
- Fallback for missing srcset images
- max_srcset_image_width doesn’t work as intended
- Using SRCSET with Images and Featured Images
- Understanding WordPress image sizes and responsive images
- Custom responsive ‘featured image’ sizes
- One of my image sizes isn’t showing up in srcset
- How to stop WordPress from completely overriding my tags in my templates?
- Adding srcset to an image in ajax
- the_content not showing responsive image attributes srcset or sizes
- Serve different images per screen size and cache possible?
- Disable Media File Image Link On Mobile Devices
- All 3?: Responsive resizing of images + image width of actual image for small images + max-width for all larger images
- Why does WordPress list all image sizes in srcset even if they’re larger?
- Responsive header image
- What’s are some best practices for responsive images (e.g. for section headers)?
- WordPress Responsive Image ( srcset ) not work properly
- Responsive Images – Defining
- Decide how Hero image appears on mobile
- Responsive images with srcset
- Getting extra image links in code with wp_get_attachment_image
- built-in responsive images in content – do I need to add anything to functions.php?
- Responsive images in Bootstrap 4 slider
- WordPress not choosing the right image from srcset
- Responsive Images in WordPress
- Is there a good way to use CMS images with CSS
- Remove one srcset entry from wp_get_attachment_image
- Generate / attach Image srcsets from ACF Image Field
- Remove srcset thumbnail attribute for products in the WooCommerce shopping cart
- wp_get_attachment_image with custom size not rendering possible 2x srcset image
- medium_large image size not displaying properly on the frontend?
- show hide image script after 4 seconds [closed]
- How to delete resized (cropped) image uploads and prevent future resizing?
- After Moving a Site to Another Domain, All Images Are Lost
- How to display a page’s featured image?
- Featured image shortcode
- How to find attachment by it’s name?
- Cropped featured image replaces original image in gallery
- Pb with responsive image sizes in WP 4.4
- Change html structure of all img tags in WordPress
- Use Media upload in custom widget on wordpress 3.5
- Theme Customiser Image Control
- Need help building a filter to edit the output of “image_send_to_editor”
- How to disable “insert into post” only when selecting the Featured Image?
- Is there a way to define a default caption to all uploaded images
- How to remove title attribute from gallery links and images
- How to increase media image scale limit?
- Dynamic-Image-Resize Plugin does not output anything
- How to upload image without post ID using the new media uploader?
- How to default all users to no link for attachments?
- How to output placeholder image if no featured image set?
- Cannot access the thumbnails of attachment images… Cannot find the reason
- How to include a picture in a blog post such that it will show in Facebook?
- Remove ‘wp-content/themes/themename/’ from Image path
- Why html tags are being appended to my pictures?
- Set a background color per image added to a post
- add_image_size() to crop images into squares?
- How to create a simple slideshow out of a post image gallery?
- How Do I Delete All The Images from WordPress
- Consolidating two websites into one, but migrated images not appearing in Image Library
- Lazyload post thumbnails
- Is there a way to change wordpress image resize settings?
- wordpress media library shows empty images
- How to change the target size of images clicked on in WordPress standard gallery
- Is my code is right to make image shortcode
- Adding different backgrounds for different pages
- Mobile Featured Image Bug
- How to remove p tags around img and iframe tags in the acf wysiwyg field
- If Media Type .GIF
- Pull images from the gallery
- Migrate image from my old blog
- the_post_thumbnail() image sizing problem?
- Imagick vs GD colour issues on image uploads
- How to add image and featured image to post by WP REST API
- Get ALT attribute from title post (code not work)
- How to configure sub-domain for images on Debian Apache VPS?
- Why it doesn’t show media urls on rest Api? (WordPress)
- Resize images in existing posts
- WordPress PNG compression issue
- Is there any way to Integrate WordPress with Imgur for Image Hosting
- “Unable to create new image” error in wordpress dashboard image editor
- Fallback image size when using wp_get_attachment_image_src / full size compressed image