mobile responsive vertical scrolling

• 

  emveidis24 · Member · Mar 1, 2017 at 3:55 pm

  • Copy link
  • Add topic to favorites

  Hi,

  Trying to get pictures on homepage (that show up as four-across in website view) to show up as smaller, two-/three-/four-across in mobile view (as opposed to a one-across single file scroll). Any suggestions?

  Site: planetaryhealthannualmeeting.org

  Thanks!

  Erika

  The blog I need help with is: (visible only to logged in users)

• 

  staff-loquaciousloon · Staff · Mar 2, 2017 at 9:35 pm

  • Copy link

  Hi there!

  The images have specific widths, so they start shifting onto new lines when they become to wide to fit side by side.

  This CSS gives them a maximum width on smaller screens, so they shouldn’t go less then three across:

  @media screen and ( max-width: 800px ) {
  	.post-52 img {
  		max-width: 33%;
  	}
  }

  Let me know how it goes!