Return to previous page

Making breadcrumbs full width on all pages

This topic has 5 replies, 2 voices, and was last updated 3 years ago ago by Martine

Martine

Participant

November 25, 2021 at 08:44

Hi!
I have a full width layout on my webshop. But the breadcrumbs are boxed. I can’t find any setting to make breadcrumbs full width also. Can you tell me where to find it?

https://www.loom.com/i/6152bbf6930e4e4fadd5d571206f2ee1

Please, contact administrator
for this information.

#309783 Copied Theme version: 8.0.8 WooCommerce version: 5.8.1

4 Answers
Rose Tyler

Support staff

November 25, 2021 at 09:44
Hello,

Add the next code in Theme Options > Theme custom CSS > Desktop:
```
.post-type-archive-product .page-heading .container {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100% !important;
}
```
Regards
#309788 Copied
Martine

Participant

November 25, 2021 at 09:55

Thanks for your answer.
On this page it’s correct now: https://www.loom.com/i/528bb85a26074bca9aad82aa5cce1d8b

But on all other pages not yet:

https://www.loom.com/i/e80b618a22894798a17ecdb4915ab7b5
https://www.loom.com/i/56e990718155427a89b6f6959d811f94

Can this only be done with CSS? Is there no institution that can control this?

#309791 Copied
Rose Tyler

Support staff

November 25, 2021 at 10:10
Change the code to:
```
.page-heading .container {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100% !important;
}
```
There are no settings for this, but the custom code can be used.

Regards
#309794 Copied
Martine

Participant

November 25, 2021 at 10:31

That’s great! Thanks!

#309797 Copied
Tagged: breadcrumbs, full width, pages, templates, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)