min4836

I rebuild the checkout page by WooFunnels plugin, so this div seems to be taken over by this plugin. That is the reason why above css code doesn’t work.

Today I check and use this code ,problem is solved.

body #wfacp-e-form .wfacp_main_form .wfacp-section .woocommerce-checkout-payment,
body .wfacp_main_form.woocommerce .wfacp-section.wfacp_payment {
 margin-bottom:0;
 margin-left: 0;
 margin-right: 0;
}

Hi,

Yes, I try this option before. But the mobile layout will be full width only when I set it to be Full Width Section + Full Width Content Width.
If I turn on Full Width Section and keep Content Width Boxed. The mobile container will still remain padding/margin.

But If Full Width Section is on + full width content, the container on all devices will be full width, it will be not aligned to header and footer width. I can only control container width by % left and right padding. For example, I set 10% left and right padding, then on difference media screen, the 10% left and right padding produce diffeent width and also won’t align to header and footer. That confused me a lot.

I also try to create duplicated sections, one for PC and tablet devices, another for mobile. But it seems to slow down the website loading speed.

So I wonder if this problem can be solved by simpler method like CSS code.

Best
Cary

At above page, I have set up at Appearance > Woo commerce Single product > Content Area Style to Wide. But it is still be boxed with left and right padding.

Problem solved. I use the section on the left instead of section edit bottom in the center. Revise Style > Background > Background Type > Classic > Color = white, at this time, it won’t affect the boxed content width.