Fix sizing of multi column on when viewing on iPad

Topic summary

A Shopify store owner is experiencing a layout issue with a multi-column section at the bottom of their website. The problem occurs specifically when viewing on iPad in portrait mode, while the layout displays correctly on:

  • Desktop devices
  • Mobile devices
  • iPad in landscape orientation

The user has shared their website URL and a screenshot demonstrating the issue. They are seeking CSS/HTML solutions to fix this iPad portrait-specific responsive design problem with their theme’s multi-column component.

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

Hi, for some reason the multi column on the bottom of my website is showing up funny when viewing it from my iPad in portrait mode, but it’s perfectly fine on desktop and on mobile and when the iPad is in landscape mode. Here’s what it look likes:

Does anyone know how to fix this? This is my website url: http://magpho.net