Show Title/Heading of Collection List on the left side on Shrine Pro Theme

Store Design
, , ,

Topic summary

A user needed help aligning the heading of a Collection List on the homepage of their Shopify store using the Shrine Pro theme. The heading was not positioned on the left side as desired.

Solution provided:

  • Add custom CSS code to the theme’s stylesheet (base.css, style.css, or theme.css)
  • The CSS targets the specific title wrapper class and sets justify-content: left
  • Access via: Shopify admin → Online Store → Themes → Actions → Edit code → Assets folder

Outcome:
The solution successfully resolved the alignment issue. The user confirmed it worked after struggling with this problem for several days.

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

Hello Experts,

can someone help me to align the Heading of my Collection LIST on the Homepage of my unfinished (Shrine Pro Theme) Shop?

is there some Line of Code that can handle this?

this is the Preview of my Draft Theme: https://3tqtpydo95ibur6v-68898914601.shopifypreview.com

Thank you!

1 Like
2

Hi @GOMAK

Try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin.animate-item.animate-item--child.index-0 {
    justify-content: left;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

1 Like
3

oh man, Thank you so much! this has held me up for Days…

1 Like