Solved

Align Breadcrumbs with page width

miltokas
Explorer
61 0 15

Hi there!

How do I align my Breadcrums with Page width without using margins or padding or any workaround?

The Breadcrumbs need to be aligned with the upper menu and the below image.

Thanks a lot for your help!

Website: https://venga-store.com/

Theme: Dawn

 

miltokas_0-1711215389045.png

 

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1720 477 352

This is an accepted solution.

Hey @miltokas,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.page-width:has(> .breadcrumbs) {
    width: 100% !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711215859874.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
1720 477 352

This is an accepted solution.

Hey @miltokas,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.page-width:has(> .breadcrumbs) {
    width: 100% !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1711215859874.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website