Why doesn't the multirow section fit on my phone's screen?

Topic summary

A user encountered a display issue where a multirow section on their Shopify landing page (invuriantest.myshopify.com) was not fitting properly on mobile phone screens.

Solution provided:

  • Open the theme’s liquid file via Store > Online > Themes > Edit code
  • Locate the theme.liquid file
  • Insert specific CSS markup code before the closing tag

The CSS fix successfully resolved the mobile responsiveness issue. The problem appears to have been related to viewport or width constraints that prevented the multirow section from displaying correctly on smaller screens.

Status: Resolved - the user confirmed the solution worked.

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

the multirow section will not fit on phone for some reason on my site invuriantest.myshopify.com (password is 1)

Hi @cwdesign98 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

1 Like

THANK YOU SO MUCH!!!

1 Like

Glad that helped you. Have a good day :blush: