Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1343545

    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).


    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:

    Thanks for your help.

    Best Regards,

    • This topic was modified 1 year, 9 months ago by Jules.

    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,


    Hey Mike,

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

    Please close this topic. Take care.

    Best Regards,



    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,

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