Disable right-hand menu (RHM) on product page

I have a product page that has my RHM on the page and makes it look cluttered.

Can anyone supply the CSS to stop the RHM appearing on my product/shop pages?

Thanks

Hi,

I visited your product page. But the screen is only showing this message:

Screen Shot 2021-03-10 at 09.58.00

Can you fix it first and let me when you’ve done it?

Regards,
Kharis
aThemes Support

Hey Kharis,

All sorted, some major issues after a WP upgrade, working now. Can you please look into disabling the RHM on the products/shop pages?

Thanks, Paul

Hi Paul,

Great! Glad to know updating resolved your issues.

Can you point me to the exact location needing help with by sharing a screenshot? Put some annotations to add clearer point. So I can help you in a better way.

Regards,
Kharis
aThemes Support

Hi Kharis,

The two pages that need ti disable the RHM are Woocommerce Products, like what was done for the checkout page, the page is full width.

  1. [Monthly](https://www.cecilsmenshub.com/product/comprehensive-monthly-newsletter/) newsletter $2.00 per month
  2. 12 x Monthly newsletter $20.00 per year (discount of 16%)

Image attached.

Thanks

Hi,

Thank you for sharing the links. Try adding this CSS code to your website’s Additional CSS.

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

    @media only screen and (min-width: 992px) {
      .woocommerce-page #primary.col-md-9 {
        width: 100%;
      }
    }

Regards,
Kharis
aThemes Support

Hey Kharis,

Awesome, that worked.

Looking at the code, I hadn’t realised that Sydney uses bootstrap?

Regards,

Paul

1 Like

Great! You’re welcome, Paul!

I can confirm Sydney uses Bootstrap. But it has been modified for effiecient and unique layout specific to Sydney design need.

You can get from the main theme’s css folder.

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
aThemes Support