Put content below images in a collection page on Dawn theme

Store Design

Topic summary

A user needs help repositioning collection page text to appear below product images instead of above them on the Dawn theme.

Initial Confusion:

  • The issue was initially misidentified as being on the Turbo theme, but was later confirmed to be on Dawn.
  • A support member first provided instructions for the theme editor’s drag-and-drop interface, which didn’t match what the user was seeing.

Solution Provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add the following CSS code at the bottom:
.has-sidebar-option.sidebar-enabled--false {
    display: flex;
    flex-direction: column-reverse;
}
  • Save the changes

This CSS solution uses flexbox to reverse the column order, moving content below the product grid. The discussion appears resolved with a working code-based fix.

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

Hi, can someone please help me understand how to get my collection page content/text copy placed after the collection images (below it instead of on top)?

Thanks,

Dean

1 Like
2

Hi @Jessica_Luntz

Would you mind to share your Store URL website? with password if its protected. Thanks!

3

Hi it’s Teethers - Baby Teething Toys & Accessories - The Teething Egg

1 Like
4

Thank you, just for clarification you like the product above in the content?

Made4uoRibe_0-1694122860831.png
Made4uoRibe_0-1694122860831.png1328Ă—542 143 KB

Did you try it to the theme editor?

Go to the Online Store.

Made4uoRibe_1-1694123223552.png
Made4uoRibe_1-1694123223552.png1320Ă—311 44 KB

Click customize.

Search the page you like to change.

Made4uoRibe_2-1694123261411.png
Made4uoRibe_2-1694123261411.png390Ă—553 12.8 KB

Drag the 6 dots.

Made4uoRibe_3-1694123331807.png
Made4uoRibe_3-1694123331807.png322Ă—242 7.66 KB

And place it where youll like to place.

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

5

Hi,

I am not seeing the same thing?

Jessica_Luntz_0-1694176701231.png
Jessica_Luntz_0-1694176701231.png1803Ă—883 105 KB

6

Aggg .. just realized this is the Turbo theme not Dawn

1 Like
7

Oh okay, I just notice it now also when Im fixing it. Try 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:
.has-sidebar-option.sidebar-enabled--false {
    display: flex;
    flex-direction: column-reverse;
}

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