This reply has been marked as private.
Hey,
1. Theme options > main settings you can select the sidebar side. If you only want it that way for one page then you would need to post a link to the page.
2. This isn’t possible. Sidebars are not designed to be above content, and the output is not above content so this isn’t’ something you can do with css. If you want to add more navigation to the page you would need to add it to the page content.
If you want to hide that on desktop I can help with css (if you post a link)
You can use a plugin like this to add a widget area to the top of your shop page: https://wordpress.org/plugins/widgets-on-pages/
Ben
the default classes are fine.
If your using pagebuilder you need to go into settings > pagebuilder and turn off “Sidebars Emulator”
Ben
Hi,
Could you provide me with a custom css for 2 edits.
1. I am trying to make my sidebar on the left instead of the right on my shop page.
2. I would like to made my sidebar on top of the shop page categories/sub categories/product list as it is currently on the bottom for mobile use.
Thanks for your help!
Ben,
Thank you so much for your quick response! That worked great on the home page, but the unfortunately the sidebars on other pages are also displaying horizontally instead of vertically. Is there any way to apply the horizontal styling to only that instance of the widget on the home page and not to other pages as well?
Again, thanks so much,
Laurie
This reply has been marked as private.
Hey,
You would have to add this into the page content itself. Sidebars are always below the content.
So if you use a plugin like this: https://wordpress.org/plugins/widgets-on-pages/
You can add your widget to the top of your page.
Ben
I added product search & price filter in sidebar widget, it works fine in
desktop view but in case of mobile product search and price filter goes down
after product images, but i wist to appear before product gallery so that the
customer can set filter first.
Thanks in advance.
Regards
Russa
Hey,
Theme options > main settings scroll down and add in the “Add shortcode here for output just after the header.” that would work. or you can use a sidebar.
Ben
This reply has been marked as private.
This reply has been marked as private.
Hi Guys,
We have WooCommcerce Product Search in the sidebar – but when you complete a search the template breaks when displaying the output.
Thanks
If you don’t want to restore a backup then you would have to know your way around mysql but you can fine the section that has the custom css along with the other theme options.
Sure you can inspect and find the css output and save if locally. When I look at your site I only see:
/* Custom */
.sidebar a {
color:#005198;
}
The output with the theme options is in your head the style has id “kt-custom-css”
Ben
Hey Tony,
Try using this css instead:
@media (min-width: 992px) {
.home aside#ktsidebar {
width: 40%;
}
.home .main.col-lg-9.col-md-8 {
width: 60%;
}
}
Hope that helps!
Hannah
HI
I am trying to increase the width of the sidebar on our home page http://www.senpak.nz
I am using the following code
/*
The following changes the width of a selected page side bar
*/
@media (min-width: 992px) {
.page-id-932 aside#ktsidebar {
width: 30%;
float: right;
}
.page-id-932 div#ktmain {
width: 60%;
}
}
I have picked some arbitrary percentages – but the CSS code installed in the Theme Options/Advance Settings is not making any change. Please, can somebody tell me what I am doing wrong?
Tony
In the widget settings click to edit the row and in the sidebar under layout turn “Collapse Behaviour” to no collapse.
Ben
If you are using the blog template you should be able to leave your post page blank (settings > reading). Then you can select a sidebar under post list options in your blog edit page. Try setting your post page to blank from settings > reading and clearing your cache. Let me know if the blog page still shows blank.
Hannah
Yes, it’s displaying but with the wrong sidebar. When I tried the fix in this thread, my blog page had no content, so I went back to the original settings because my site is live.
I’d like a different sidebar to display on the main blog page. How do I make that happen?
Sure! This would hide it for all screen sizes below 768px:
@media (max-width: 768px) {
#ktsidebar {
display: none;
}
}
Hope that helps!
Hannah
Is there some CSS to hide the sidebar under a certain width?
Thanks
Frank