Collection title not centred above description

Technical Q&A
, ,

Topic summary

A user is experiencing a CSS alignment issue where the H1 collection title and description are not properly centered on their Shopify collection page (laraheems.com/collections/necklace). They want the title positioned above the description, similar to another reference site.

Proposed Solution:
A PageFly support representative provided CSS code to fix the alignment:

  • Navigate to: Online Store ā†’ Theme ā†’ Edit code
  • Open: Assets ā†’ theme.scss.css
  • Add the provided media query CSS at the bottom of the file

The CSS targets .section-header__title.h1 with relative positioning and left offset adjustments for screens wider than 767px.

Status: Solution offered but not yet confirmed as implemented or resolved.

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

Hi!

I have a problem with my H1 and description on this page:

https://www.laraheems.com/collections/necklace

As you can see the H1 is in the middle of the page however I would it to be above the description like on this website:

https://www.thehouseoutfit.com/collections/nudes

How can I do it?

2

Hi @Michau00 ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss.css->paste below code at the bottom of the file:

@media screen and (min-width:767px){
h1.section-header__title {
    position: relative;
    left: 10%;
}
}

Hope my answer will help you.

Best regards,

Victor | PageFly