Left and right aligned images not showing up correctly on mobile

  • InspiredAssistance
    April 8, 2026 at 9:01 am

    I love how my About page looks on desktop but on mobile the images have really uneven spacing because they are left and right aligned on desktop. Is there a way I can make it so they look better on mobile – meaning the same distance between the text above and below them? What would be the best way to do this?

    https://i.postimg.cc/MZRgh72s/IMG-8214.png

    https://www.inspiredbackpacker.com/about-inspired-backpacker/

    Thank you!!!

  • George
    April 8, 2026 at 10:13 am

    Hello,

    The spacers at the end of the last paragraph are mainly causing the issue. If you want to keep them but hide them on mobile, add a custom class of hide-on-mobile.

    hide-on-mobile class

    You could also add the same amount of bottom margin to your images as the paragraphs, using the following CSS.

    .wp-block-image .alignright {
   margin-bottom: 1.5em;
}
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.