Hi! I’m using Dawn 13.0.0 as my theme and in my design on the home page I’m using multicolumns to display 3 columns side by side in a row. I want to keep the 3 column layout but have the first column’s content span 2 columns. The third column will then have its own content. I imagine I can change the code for multicolumns somewhere but I dont want a global change for all multicolumns, just that one instance. I’m brand new to Shopify but I have a little experience with html but its been years, Can anyone suggest how to accomplish this or point me to a resource that covers it? I’d appreciate it…
Topic summary
A user working with Shopify’s Dawn 13.0.0 theme wants to modify a multicolumn section on their homepage. Currently displaying three equal columns, they want the first column to span two column widths while the third column maintains its own content—essentially creating a 2:1 layout ratio.
Key Details:
- The modification should apply to one specific multicolumn instance only, not globally
- The user has limited HTML experience but is seeking guidance or resources
Proposed Solution:
Another participant suggests using custom CSS targeted to that specific section, accessible through: Online store > Themes > Customize > Custom CSS, selecting the Multicolumn section.
Status: The discussion remains open with a preliminary CSS-based approach suggested but no detailed implementation provided yet.
You can add CSS code to apply for that section section only by adding code in Custom CSS in Online store > Themes > Customize, select Multiple column