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;
}
}
Thread Starter
base3
(@base3)
Hey Thank you so much!!! @riaanknoetze
Now i have the problem that also affect my home page 🙁
http://www.alejandromontiel.com.mx
how i can exclude my homepage, and all the cart page, and woocommerce?
Thank you!!!
-
This reply was modified 3 years, 7 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,
Thread Starter
base3
(@base3)
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?