I am setting up a shop on the website with your theme.
When I installed the Woocommerce it automatically generated shop page and other.
I would like to have a sidebar on the shop page - like you have in your demo website. I configured Woocommerse sidebar widget - added price range, etc.. But I could not see the sidebar on the shop page after that. Then I tried to change the page template from 'Default' to the 'Sidebar' or 'Left Sidebar' but it did not work. I can not see a sidebar with Woocommerce sidebar widget.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
@media only screen and (max-width: 1000px) {
.woocommerce.single .main-content>.row {
display:flex;
flex-direction: column-reverse;
}
}
Hi!
I am setting up a shop on the website with your theme.
When I installed the Woocommerce it automatically generated shop page and other.
I would like to have a sidebar on the shop page - like you have in your demo website. I configured Woocommerse sidebar widget - added price range, etc.. But I could not see the sidebar on the shop page after that. Then I tried to change the page template from 'Default' to the 'Sidebar' or 'Left Sidebar' but it did not work. I can not see a sidebar with Woocommerce sidebar widget.
Could you explain to me what am I doing wrong?
Thank you!
Kind regards,
Mariya
Hi! I found out how to add a sidebar. I opened \'Salient\' in Dashboard. Found \'Woocommerce\' options panel and choose \'Sidebar\' as a layout.
Thanks Masha! Saved my life)
Hello
For the mobile the left sidebar show first the "sidebar" not the product, how can I fixed?
Thank you
Raul
@Raul,
Its not possible without Code Customizations.
Be.st
ThemeNectar Support Team
Hi Tahir Im looking to have the sidebar below the product on mobile also, can you tell us what the code might be?
Hey,
Please provide the page url so that i can write up the custom css for whats possible.
Thanks
ThemeNectar Support Team
https://ukroofingstore.co.uk/product/epdm-membrane-3-05-metre-wide/
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Thanks
ThemeNectar Support Team
Hi, Tahir that worked on a product level is there any way to do the same at the category level?
I did have a go with this but its doesn't work :
@media only screen and (max-width: 1000px) {
.woocommerce.single .main-content>.row {
display:flex;
flex-direction: column-reverse;
}
.woocommerce.category .main-content>.row {
display:flex;
flex-direction: column-reverse;
}
}
EDIT : But this did :
@media only screen and (max-width: 1000px) {
.woocommerce.single .main-content>.row {
display:flex;
flex-direction: column-reverse;
}
.woocommerce .main-content>.row {
display:flex;
flex-direction: column-reverse;
}
}
Your inspirational . . . many thx
Glad you were able to figure this out.
Best
ThemeNectar Support Team