Sydney - Woocommerce page width and widgets

Hi,
I installed Woocommerce plugin,
I can’t figure out how to set once and for all, all shop pages full width and with no sidebars, may you help me with this ?

thank you

Hello there,

Thank you for getting in touch here.

In order to achieve that objective, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.woocommerce-page #primary.col-md-9{
  width: 100% !important;
}

.woocommerce-page #secondary{
  display: none;
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Regards,
Kharis

Sorry for the delay,

This looks to be working fine

Thank you

No worries. Thank you for updating me. I am glad to know that.

I am marking this thread as resolved. Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

I’m using Sydney Pro and my woocommerce product page doesn’t show on full screen with the css code you provided (I putted it in the style.css in the editor).

How can I fix this??

Here is the page:

http://styletechub.com/product/st-bracelet

Hello there,

The code above wasn’t aimed to force the product content to be full screen, but it is full width as the main content’s container width. I think you should add the following additional code:


.single-product .page-wrap > .container{
  width: 100% !important;
}

Regards,
Kharis

Hi there,

I have same problems too.

single product page can’t show in fullwidth(remove sidebar) and my quantity shows nothing.

website

Hello James,

To fix it, could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

.woocommerce .quantity .qty{
  width: 6em; 
}

.single-product .content-area{
  width: 100% !important;
}

Regards,
Kharis

Hello,

I add it through “simple custom css”,but doesn’t work.

my custom css:
.woocommerce-page #primary.col-md-9{
width: 100% !important;
}

.woocommerce-page #secondary{
display: none;
}

.single-product .page-wrap > .container{
width: 100% !important;
}

.woocommerce .quantity .qty{
width: 6em;
}

.single-product .content-area{
width: 100% !important;
}

Hello there,

It seems like you removed the custom CSS code. Please keep it remains, so I can debug it.

Regards,
Kharis

Hello

I sovled the product page in fullwidth.
And I find that the quantity selection can be shown in IE,Chrome is failed.

Hello there,

Try to clear your Chrome’s cache or history, then reload your product page.

If it remains the same, try this code:


.woocommerce .quantity .qty {
    width: 100px;
}

Regards,
Kharis