Latest Posts block is mashed on mobile

  • Resolved etellwright

    (@etellwright)


    4 months, 3 weeks ago

    Hi,

    I love Riverbank. But on my homepage where I have a latest posts block (part of the front page template), it is doing a really weird layout on mobile with the post title all wrapped around the image. It’s completely unreadable. I have tried deleting and reinserting the block, cache clearance, plugin conflict and different browsers, but haven’t come up with a solution. It’s such a shame as the rest of the site looks lovely.

    I have shared a screenshot here: https://limewire.com/d/5qycT#puy0nMMfFz

    Thanks in advance for your help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • rodicaelena

    (@rodicaelena)

    4 months, 3 weeks ago

    Hi there,

    I’m glad to hear you are enjoying using Riverbank.

    The issue you’ve mentioned is happening because you’ve aligned the images to the Left side. And that alignment is kept on mobile as well.

    What you can do, is try to adding this custom CSS code using a plugin like https://ww.wp.xz.cn/plugins/insert-php/ to override that left-alignment on mobile.

    @media (max-width: 600px) {
    .wp-block-latest-posts__featured-image.alignleft {
      float: none !important;
    }
    }

    Hope this helps.

    Kind regards!

    Thread Starter etellwright

    (@etellwright)

    4 months, 3 weeks ago

    Thanks for the prompt response. I have chosen a different layout that works for both.

    rodicaelena

    (@rodicaelena)

    4 months, 3 weeks ago

    Great. Thank you for the update!

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.