Hello,
I’m glad you were able to solve your problem. For others that may have the problem, you can change the width of the sidebar in the Customizer. Navigate to Appearance > Customize > General > Sidebar, where there is a setting for the Sidebar Width.
Thread Starter
ckwang
(@ckwang)
thx for getting back however there is another problem which is that the customizer of kadence theme isn’t allowing for separate page layout settings, you can only pick to have sidebar or no sidebar which applies across all three devices . This creates a good style for desktop but for mobile the sidebar moves to the bottom and the menu icon somehow is still there in the header, causing duplicate menus, generally speaking the entire menu opened up in the bottom is not aesthetically pleasing either. I need to have sidebar contents not visible on mobile so it is only accessed thru header menu icon thx
-
This reply was modified 2 years, 6 months ago by
ckwang.
Hello, @ckwang,
There aren’t settings to hide the sidebar for mobile devices. However, there are ways to accomplish the goal you mentioned. For example, the Row Layout and the Section blocks have Visibility settings that let you hide the contents for desktop, tablet, and mobile devices. You can use the blocks in the sidebars to hide the content when on a mobile screen.
Thread Starter
ckwang
(@ckwang)
hi thx for reply but seems overly cumbersome, any css scripts to do this quickly? Have found many examples of this online for other themes but I don’t know the sidebar element div ID for kadence so cannot experiment. Pls advise
-
This reply was modified 2 years, 6 months ago by ckwang.
Thread Starter
ckwang
(@ckwang)
i tried this to no avail
media screen and (max-width: 1024px)
{
.blog-sidebar .content-container
{
display: none;
}
}
blog sidebar is the id element for the sidebar but I don’t think it is correct. Pls advise or suggest the correct id to point code to work on the sidebar thx
Thread Starter
ckwang
(@ckwang)
there were other variations of this code but none worked all I think due to id element error. The only thing that worked was inserting id element as “has-sidebar” but this unfortunately hid the entire content area out of view essentially turning into a blank page
Thread Starter
ckwang
(@ckwang)
hi I found a custom css code that permanent fixed this issue thx
Thread Starter
ckwang
(@ckwang)
passing on the goodness here is the link, no need to modify the code just copy paste works like a charm
@media only screen and (max-width:767px){#secondary.widget-area {display: none;}}
Hello @ckwang,
I’m glad you found CSS that works. Thanks for sharing your solution.
Thread Starter
ckwang
(@ckwang)
any way to enable double sidebars on both sides? One on left and one on right. Desktop version of sight main content imagestight side has big space. Feel like it implies that can fit something
Hello @ckwang,
Generally, the theme controls the sidebars. The Kadence theme doesn’t provide a layout for sidebars on either side of the content. There are Kadence Pro features that can accomplish the task, but not on the free version.
Hi there,
This topic has been inactive for more than 2 months. I’ll proceed to marking this as resolved.
If you have further questions or need additional assistance, feel free to start a new topic or refer to our Kadence Blocks documentation here: https://www.kadencewp.com/help-center/knowledge-base/kadence-blocks/
Thank you for your understanding!
Kind Regards,
Michael Taro
