Mobile Layout Broken

  • rawhasan
    August 21, 2025 at 8:30 am

    Hi,

    Something is breaking the mobile layout on this page (enabling right scroll), while the other pages using the same template are working fine.

    How can I fix this?

    Thanks!

  • Ying
    August 21, 2025 at 10:39 am

    Hi there,

    1. select the 1st grid block gb-element-ed8a58d1, set grid-column-template to 100% on mobile instead of 1fr.

    2. The gallery container gb-element-7ef10690 ( rh-custom-gallery full-width )has width set to 100vw, which is exceeding its parent element’s width, try setting its max-width to 100% instead of 768px on mobile.

  • rawhasan
    August 21, 2025 at 8:05 pm

    Thanks for pointing out the block that is was breaking out the mobile layout.

    Keeping everything the same and just adding a -20px left and right margin for the mobile fixed the issue.

  • Ying
    August 22, 2025 at 10:06 am

    You are welcome   🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.