How i can increase de width of the sidebar to 300px?

Hi there,

You’d need some custom CSS for that as there are no default settings in Storefront to specify sidebar width. You could try the following custom CSS under **Appearance > Customize > Additional CSS**:

@media (min-width: 768px) {
  .right-sidebar .content-area {
    max-width: 670px;
  }

  .right-sidebar .widget-area {
    min-width: 300px;
  }
}

Hey Thank you so much!!! @riaanknoetze

Now i have the problem that also affect my home page ??
https://www.alejandromontiel.com.mx
how i can exclude my homepage, and all the cart page, and woocommerce?

Thank you!!!

• This reply was modified 4 years, 2 months ago by base3.

Hi there,

how i can exclude my homepage, and all the cart page, and woocommerce?

I’ve checked your homepage, cart and the rest of the WooCommerce pages but I’m not sure about what you want to exclude there exactly… Can you please provide us more details about which are the changes that you want to apply there?

Some screenshots would also help. ??

Thanks,

Hello! @bernattorras

Sure, now my single pages looks good! but i have a problem on the display on desktop for the products, the sidebar go to the bottom of the product, here is a example. https://alejandromontiel.com.mx/producto/salmon-noruego-en-lonja/

i think i need to reduce the width of the product main area…

right now i have this css

@media (min-width: 900px) {
  .right-sidebar .content-area {
    max-width: 1200px;
  }

  .right-sidebar .widget-area {
    min-width: 300px;
  }

Thank you guys!!!

Hi there,

Thanks for providing us more details!

I’ve taken a look at your product page but I can see the sidebar, as expected, next to the product information.

Screenshot: https://d.pr/i/YumgN6

Perhaps you already solved it?