Shopify Dawn Theme Collection view full width on site

Store Design

Topic summary

A user seeks to make collection descriptions display at full width instead of half-width on their Shopify store using the Dawn theme.

Proposed Solutions:
Multiple developers offered CSS code snippets to be added to the theme.liquid file, with variations in placement:

  • Insert custom CSS before the </head> tag targeting collection pages
  • Add styling before the </body> tag
  • Use conditional logic to apply max-width: 100% specifically to collection template pages

Current Status:
The issue remains unresolved. The original poster tried at least one suggested solution but reported it didn’t work. Several responders have requested the store URL and password to provide a more accurate, customized solution based on the specific site configuration.

The discussion is ongoing, awaiting either the store details or confirmation that one of the CSS approaches successfully resolved the width constraint.

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

I would like all collection descriptions to run full with and not only half way on my page.

How can I do this. I am using the Dawn Theme.

Screenshot 2024-09-04 at 12.23.41.png
Screenshot 2024-09-04 at 12.23.41.png2520×1082 380 KB

2 Likes
2

Hi @magsa3

Would you mind sharing your store URL? Thanks!

3

Hi @magsa3 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% if template.name == 'collection' %}

{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

4

Hello @magsa3

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid
    {% unless template == ‘collection’ %}

.page-width { max-width: 100% !important; }

{% endunless %}
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

5

Hi @magsa3 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before 
{% if template.name == 'collection' %}

{% endif %}

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

6

Nope tried it but it didn’t do anything.

7

Can you kindly share your store URL please.
Thanks!

8

Please share your store URL and password.So that I will check and let you know the exact solution here.

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.