How can I align collection text to the left on my website?

Store Design
, , , , , , , ,
1

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
22F76139-BC0D-406C-B091-201E9DA1360E.jpeg1576×1769 248 KB

2

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;
}
3

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;
}