Collection Banner - Full extend of text

[alexxxD]

Hello, how can I fix this? i want to extend it into full width 

[suyash1]

@alexxxD - can you please share this page link?

[alexxxD]

Hi Suyash1 - here is the link >>>>  https://thebeerlodge.com/collections/mancave

[Moeed · Accepted solution]

Hey @alexxxD 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.collection__header-info.collection__header-info--left {
    width: 100% !important;
    max-width: 100% !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[alexxxD]

Awesome! thank you!!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[alexxxD]

One more question, how can add a padding on the side. It seems there is no space on the side 

[Moeed]

Hey @alexxxD 

Add this code above </style> in the end of theme.liquid file.

.collection__header-info {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[alexxxD]

Nothings change, is this correct: 

[Moeed]

No that's not correct, you need to add the code right above </style> after line number 421 (according to the screenshot).

Best Regards,

Moeed

[alexxxD]

got it. it works! thank you!! Appreciate it 

[Moeed]

Great to hear, feel free to reach out if you require any further help!

Best Regards,

Moeed

[suyash1]

@alexxxD - please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

.collection__header-info {
    width: 100% !important;
    max-width: 100% !important;}

[Moeed]

Hey @alexxxD 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[alexxxD]

Hi Moeed, here is the link >> https://thebeerlodge.com/collections/mancave