Alignment is off for my collection paragraph / body text

[rachelgongster]

Hi there, I'm not sure why there's so much white space on right for the desktop version on my collection pages (as seen in the above screenshot). Is there a problem with the code? 

Will appreciate any help!

Shop link: mykinchan.com

[BSSCommerce-HDL · Accepted solution]

Hi @rachelgongster, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.collection-hero__text-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
</style>

 Here is result: 

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 😍

[rachelgongster]

Thank you so much!

I also managed to find another solution when tinkering around, where I changed max-width: 66.67% to 100%. 

.collection-hero__description {
max-width: 100%;

Thank you so much for the responses!

[BSSCommerce-HDL]

@rachelgongster, Glad to help you 😍