How can I create full-width multicolumns?

Store Design

Topic summary

Goal: make the Shopify Multicolumn section span the full screen width.

Context: The requester confirmed they want full-screen width and shared their store URL with a password for review.

Solution (applies to all Multicolumn sections):

  • Go to Online Store > Themes > Actions > Edit code.
  • In Assets, open your theme CSS file (base.css, style.css, or theme.css).
  • Add: .multicolumn .page-width { max-width: 100% !important; }
  • Save. You can fine-tune by adjusting the percentage.

Notes: Visual before/after images were provided to demonstrate the result. The code snippet is central to achieving full-width.

Outcome: The requester confirmed the fix worked and expressed thanks. No additional issues or open questions were raised; the discussion appears resolved.

Summarized with AI on January 11. AI used: gpt-5.
1

Hi guys,

I want to know if there is any way I can do full-width for the multicolumns.

Thanks

1 Like
2

Hi @jennywi

Full width on the screen? Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Yes full on screen.

https://44b803-4.myshopify.com/

PW: raolto

1 Like
4

Thanks for the info, Do you mean all mutlicolumn or specific multicolumn?

If it all multicolumn. Check this one,.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.multicolumn .page-width {
    max-width: 100% !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

5

Thank you!!!