Hello there, on my website under featured collections, I only have the option for 2 columns, I’d lik

Shopify Discussion

Topic summary

Issue: In the Dawn theme, the Featured Collections section shows only 2 columns; the user wants 3. A screenshot was provided for context.

Proposed solution: Update theme code to support three columns.

  • Identify the Featured Collections section in Online Store > Themes > Customize, then go to Actions > Edit code.
  • In Sections (e.g., featured-collection.liquid or collection-list.liquid), change the grid class from grid–2-col to grid–3-col.
  • If grid–3-col isn’t defined, add CSS in Assets (theme.css or base.css): define .grid–3-col to use a 3-column grid (display: grid; grid-template-columns: repeat(3, 1fr); gap as needed).
  • If changes don’t show, clear browser cache or refresh the editor.

Status and next steps: No confirmation from the original poster that the change worked; the discussion remains open. The responder offered further help if needed.

Summarized with AI on December 14. AI used: gpt-5.
1

IMG_6991.jpeg
IMG_6991.jpeg1290×2796 159 KB

Hello there, on my website under featured collections, I only have the option for 2 columns, I’d like 3 columns but I’m unable to change/add so any idea on how I can get 3 columns instead? I’m using the theme Dawn

2

Hey @Sempa ,

To add a third column to the featured collections section in the Dawn theme, you’ll likely need to adjust the theme’s code, as the default settings might only support up to two columns.

Here’s how you can add a third column to the featured collections section:

  1. Go to the Theme Editor:

    • In your Shopify admin, navigate to Online Store > Themes.
    • Find the Dawn theme and click on Customize.

  2. Locate the Featured Collection Section:

    • In the Theme Editor, click on the featured collections section you want to modify. This should be under the Sections panel.

  3. Edit the Code for Custom Columns:

    • Go back to Online Store > Themes and click Actions > Edit code next to the Dawn theme.
    • Open the file for the featured collection section. Typically, it’s found under Sections and might be called something like featured-collection.liquid or collection-list.liquid .
    • Look for the part of the code that defines the column layout. There should be classes that determine the number of columns, such as grid–2-col.
    • Change the class to grid–3-col, which will set up three columns instead of two. You might need to add custom CSS if this class doesn’t exist.

  4. Adjust CSS for Styling (if needed):

  5. If the theme doesn’t have a grid–3-col class, go to the theme.css or base.css file under Assets and add a new CSS rule:

    css:

.grid--3-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem; /* Adjust spacing as needed */
}

If you don’t see the changes taking effect, clearing the browser cache or refreshing the theme editor might help. Let me know if you’d like further customization help!

If I was able to help you, please don’t forget to Like and mark it as the Solution!
If you’re looking for expert help with customization or coding, I’d be delighted to support you. Please don’t hesitate to reach out via the email in my signature below—I’m here to help bring your vision to life!

Best Regard,
Rajat Sharma