How to make woocommerce layout full wide?

Hi Oliver.
Thank you for your reply. Im not sure why it doesnt work for me. I dont have any additional css code. I`ve tryed every option to make woocommerce pages full wide but as I mentioned before “Align Wide” option makes the woo site narrower,
“Align Default” option makes the site even narrower.

Additional css code you gave onsecond thread doesn`t work to.

Any ideas ? or tell me please what information do you need more from me ?

Can you provide a link to a page on your site that is a WooCommerce page? I’m struggling to find one as your site is not in English ??

I’ll take a look and see what’s going on.

Thanks,

Oliver

Sure ??
LINK

ASSORTYMENT means PRODUCTS so this is the main shop page. As you can see layout is not full wide like others are.
There are big white margins on both sides. Woocommerce max width is set on NONE(default) now. When I switch this option to ALIGN WIDE white margins are bigger. ALIGN DEFAULT option set white margins even bigger.

Thanks in advance ??

Its better, but stil not full wide. Check the site now.
(I put additional “}” before the css)

Actually it is exactly the same as your other pages. The only difference is the cover block.

So what’s happening here is that WordPress CSS is set to align the content wrapper whereas Twenty Twenty-One CSS is set so that each block is able to be aligned separately.

So in order to do what you want you need to remove the CSS on the wrapper …

.woocommerce, .woocommerce .content-area {
max-width: none;
}

… but I don’t think you’re going to like that as the rest of the content will now not have the max-width either.

Oliver

Oliver ! I think this is great now ! I put only small margin on the left side like this:

`.woocommerce-breadcrumb {
margin-left: 1rem;
}

.archive .page-title, .search .page-title {
font-size: 3rem;
margin-left: 1rem;
}
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
margin-left: 1rem;
}

Maybe you can give me (us) some ideas how to put this margin to whole content?
I really appreciate your help
cheers mate !

Just to update this thread, we have now integrated the new WooCommerce CSS into the Options for Twenty Twenty-One plugin.

Oliver