Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 8, 2022 at 12:14 am #1343545
    Jules

    I’m using the Blog Post Element to display posts related to a specific category. From the desktop /browser, the images and spacing look OK. However, from my smartphone, it looks like this (see screenshot).

    IMG_8242.png

    As you can see, the spacing between the first and second image has a larger gap than the gap between the second and third image. This is true for both rows (3 across) of images. How can I standardize the image spacing so it’s the same?

    Here is my desired outcome for mobile experience:
    https://www.iamsecond.com/topic/identity/

    Thanks for your help.

    Best Regards,
    Julio

    • This topic was modified 2 years, 6 months ago by Jules.
    March 8, 2022 at 3:42 am #1343552
    Mike

    Hey Julio,
    Thanks for the link to your site, please try this in your quick css:

    @media only screen and (max-width: 479px) and (orientation: portrait) { 
	#top #wrap_all .slide-entry-wrap .flex_column.slide-parity-odd,
	#top #wrap_all .avia-content-slider .slide-entry-wrap{
		margin-bottom: 0;
	}
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    March 8, 2022 at 4:13 am #1343554
    Jules

    Hey Mike,

    That was quick. It totally fixed it. Thank you!!!

    Please close this topic. Take care.

    Best Regards,
    Julio

    March 8, 2022 at 1:07 pm #1343605
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Blog Post Element – Spacing Between Images’ is closed to new replies.