Solved

Align Collection text Left

MIKESTORK
Shopify Partner
41 0 4

Hi,

im looking to align the collection name under the breadcrumbs

my site is https://b32b39-5.myshopify.com/collections/all

 

22F76139-BC0D-406C-B091-201E9DA1360E.jpeg

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1002 259 204

This is an accepted solution.

Hey @MIKESTORK,

Please use the following CSS to keep it aligned-left

 

h1.h1,
.shopify-section--collection-banner .prose.text-center {
    text-align: left !important;
}

.shopify-section--collection-banner .container.container--xs {
    margin-left: 45px;
}

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here

View solution in original post

Replies 2 (2)

Guleria
Shopify Partner
2931 578 827

Hello @MIKESTORK ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.css file and paste the following code at the bottom:

 

.shopify-section--collection-banner .prose.text-center { 
    inset-inline-start: var(--container-gutter);
    position: absolute;
    inset-block-start: 3.25em;
}
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on store Hire me.
- Email: guleriathakur43@gmail.com - Skype: navrocks1 ,
- Try GEMPAGES a great page builder
-Advance Search Filter

ThePrimeWeb
Shopify Partner
1002 259 204

This is an accepted solution.

Hey @MIKESTORK,

Please use the following CSS to keep it aligned-left

 

h1.h1,
.shopify-section--collection-banner .prose.text-center {
    text-align: left !important;
}

.shopify-section--collection-banner .container.container--xs {
    margin-left: 45px;
}

 

Was I helpful?

Buy me a coffee

🙂

Need a developer? Contact me here