Dual Content Tiles (Sahara theme) mobile view

Topic summary

A user encountered a layout issue with Dual Content Tiles in the Sahara theme where images and text overlap on mobile devices, though desktop display works correctly. The problem specifically affects the “Our Story” page.

Resolution:

  • Another community member provided a CSS code snippet to fix the mobile display issue
  • The solution involves adding custom code to the theme.liquid file, placed after the <head> tag
  • The original poster confirmed the fix worked successfully

Status: Resolved. The mobile layout issue has been corrected with the provided code solution.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi all,

Could someone please assist me with fixing the display of Dual Content Tiles (Sahara them) on mobile view of the OUR STORY page. On the desktop view everything appears fine but when using a mobile the tiles (images and text) are over lapping each.

Header menu > Community > Our story

Website preview link: https://mv3hfxoe6fhpvz8u-80707387720.shopifypreview.com

TIA

Hi @Alluren , you can solve it by adding this code to theme.liquid file, after


Amazing @Dan-From-Ryviu , thanks for your help.

1 Like

You are very welcome!