Image thumbnail expands to fill screen on mobile

Keven Elliff
asked 7 years ago

On desktop or mobile landscape mode, our thumbnail images display as we intend (aligned left or right, wrapping with text). However, in mobile portrait mode, these thumbnails expand to fill the full screen width. See following images.
Mobile Landscape view: https://dl.dropboxusercontent.com/u/3863773/landscape.PNG
Mobile Portrait view: https://dl.dropboxusercontent.com/u/3863773/portrait.PNG
How do we ensure that the portrait view doesn’t blow up/expand the image?

1 Answers

DominicStaff
answered 7 years ago

You can add the following code to the style.css file or go to the Dashboard > Customize > Addition Css or you can install the following plugin to custom CSS: https://wordpress.org/plugins/simple-custom-css/

@media (max-width: 599px) { 
  .archive .content-inner .entry-thumbnail img { 
     width: 230px !important; 
} 
  .single-post .entry-content img {  
     height: auto !important; 
     width: auto !important; 
     float: left !important; 
    } 
}