Search Results for 'sidebar'

[UR Digital]

UR Digital

#286643

Hello,
I am having an issue where, in a sidebar widget menu, when a parent menu item is marked as active (current-menu-item), the sub-menu items are also marked as active by inheriting the selector “current-menu-item” that is set on the parent menu item. In my opinion this is not correct behavior. Since the selector is set on the parent and is inherited down to the children, I am unable to unset the selector with jquery.

You can see the behavior here:
*Login to see link

Click on the arrow to expand the sub-menu and notice that all the sub-menu items are marked as active.

Best regards,
Jim Edwards

[UR Digital]

UR Digital

#286643

Hello,
I am having an issue where, in a sidebar widget menu, when a parent menu item is marked as active (current-menu-item), the sub-menu items are also marked as active by inheriting the selector “current-menu-item” that is set on the parent menu item. In my opinion this is not correct behavior. Since the selector is set on the parent and is inherited down to the children, I am unable to unset the selector with jquery.

You can see the behavior here:
*Login to see link

Click on the arrow to expand the sub-menu and notice that all the sub-menu items are marked as active.

Best regards,
Jim Edwards

[chitocamacho]

chitocamacho

#286393

Hi there,

Thanks for writing in.

Kadence has 4 themes, but I recommend the free Kadence theme for its being lightweight and fast. You can see the other themes (classic themes: Virtue, Ascend, and Pinnacle) here and read more about theme comparisons: https://www.kadencewp.com/theme-comparison/

Accessing Free Themes:
For step-by-step instructions, I suggest you start here and navigate through the links in the right sidebar:
https://www.kadencewp.com/help-center/docs/kadence-theme/getting-started-video-guide/

That will help you familiarize Kadence.

Theme Compatibility:
The free Kadence theme is compatible with editors such as Gutenberg/WordPress, Elementor, and other page builder plugins. It’s standard for WordPress themes to be compatible with any page builder and editor. Additionally, Kadence theme is compatible with any well-coded plugins as we build our products in line with the WordPress codex guidelines & standards.

Recommend installation process:
You can install it just like the other WordPress themes and there’s no special requirements in order for the free Kadence theme to work properly.

Customization Options:
We don’t have a list of what can and what can’t do in the free Kadence theme. WordPress free themes have different free functionalities.

You can personalize elements such as colors, fonts, and layouts.

Support and Updates:
We regularly update the free Kadence theme — you can see the changelog here:
https://www.kadencewp.com/kadence-theme/changelog/

We also provide free support for our free users — more info here:
https://www.kadencewp.com/free-support-tickets/

We no longer add new features for the classic themes, but we still provide support and fix errors.

You can always reach out to us if you encounter any issues with our product(s).
https://www.kadencewp.com/free-support-tickets/

Let me know if you have any other questions or concerns and I will gladly assist.

Best,
Chito

[riga75]

riga75

#286167

Hi all, I enabled article navigation but I realized that the title is in h2 and I would like to put it in h3, I also installed Code Snippets plugin and I use it for example for titles in the sidebar where now they are all in h3
Thanks a lot

stefano

[riga75]

riga75

#286167

Hi all, I enabled article navigation but I realized that the title is in h2 and I would like to put it in h3, I also installed Code Snippets plugin and I use it for example for titles in the sidebar where now they are all in h3
Thanks a lot

stefano

[lylawatts12]

lylawatts12

#286068

We encountered a similar issue on our website, and interestingly, there were moments when it would take up to a minute for the featured image section to appear on the right sidebar.

[DQS DYNAMICS QUALITY SERVICES CONSULTING GROUP SL]

DQS DYNAMICS QUALITY SERVICES CONSULTING GROUP SL

#285889

We had the same problem on our site and sometimes it takes a minute until the featured image section shows on the right sidebar.

[gizmo90]

gizmo90

#285875

This reply has been marked as private.

[Bonn]

Bonn

#285863

Hi there,

There is no built-in option for this, but you can add this code snippet:

add_filter('kadence_post_layout', function($layout){
	if( is_category(array( 'CATEGORY_SLUG_1', 'CATEGORY_SLUG_2' )) ) {
		$layout['sidebar'] = 'none';
	}
	
	return $layout;
});

Just change the CATEGORY_SLUG_1 and CATEGORY_SLUG_1 to the correct category slug.

​I hope this helps, and let us know if we can assist you further.

[kkowalewicz]

kkowalewicz

#285825

I would like to hide the sidebar in only two categories. Please tell me how I can do this.

[kkowalewicz]

kkowalewicz

#285825

I would like to hide the sidebar in only two categories. Please tell me how I can do this.

[chitocamacho]

chitocamacho

#285563

Hi there,

There isn’t a way to have left and right sidebars in Kadence.

What I can suggest is to use a 3-column Row Layout block as a template. As for the mobile layout, you will need custom CSS for this – here’s the code you can add in Row Layout’s Custom CSS:

@media (max-width: 767px){
    selector > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
        order: 1;
    }
    selector > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(1) {
        order: 2;
    }
    selector > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3) {
        order: 3;
    }
}

Here’s a video for reference: https://share.zight.com/6quwkpNk

You can create that template via the Kadence Hooked Element and pull the content dynamically:
https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-use-element-hooks/

Does that work for you? If not, you can vote to this feature request for archive pages:
https://www.kadencewp.com/kadence-theme/feature-requests/provide-left-and-right-sidebar-layout-for-archive-pages/

For single posts/pages, you can submit a new one.

Let me know if you need further assistance.

Best,
Chito

[Rankrusters]

Rankrusters

#285531

I want to create two sidebars in the Kadence theme. Is it possible to do so?

Also, in the mobile, I want to display it after the body section

Something like this in mobile
Body
Left Sidebar
Right Sidebar

[Rankrusters]

Rankrusters

#285531

I want to create two sidebars in the Kadence theme. Is it possible to do so?

Also, in the mobile, I want to display it after the body section

Something like this in mobile
Body
Left Sidebar
Right Sidebar

[chitocamacho]

chitocamacho

#285208

Hi there,

Thanks for the links.

That’s because the code works only on Pinnacle theme. Kadence theme has different HTML structures and classes.

Here’s the code you can use:

@media screen and (max-width: 1024px) {
	.archive.woocommerce.has-sidebar .content-container{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
    .archive.woocommerce.has-sidebar .primary-sidebar{
        width: 100%
    }
}

Please note that it works only on WooCommerce product archive pages. It works also on tablet and mobile.

If you’d only want that on mobile, replace 1024px in the code with 767px.

Hope this helps, and let us know how we can assist further.

Best,
Chito

[DanL]

DanL

#285183

Hannah, Ben,

We just started using Elementor as an editor for our pages within the Virtue Premium Theme (which I’ve been using for years; we’re on the latest version) but now whenever we save changes on a page, they don’t appear on the front-end at all…it’s like we changed nothing. (The front-end just shows that old content from before Elementor. When we go back in and edit the pages, all of our recent changes are there with no old content anywhere to be found!)

We tried changing from the Default page template to the Elementor Canvas (and FullWidth) templates. (But that did nothing except remove old headers, footers, and sidebars…and it still shows the old content just stuffed against the top-left of the browser window!)

Is this a known issue with Virtue Premium and Elementor? Any suggestions? (If you need to take a look at our issue directly, I can get a login to you so you can take a closer look. You guys have always been able to come up with a quick solution for me in the past when it comes to this kind of stuff…)

Thanks in advance!

[DanL]

DanL

#285183

Hannah, Ben,

We just started using Elementor as an editor for our pages within the Virtue Premium Theme (which I’ve been using for years; we’re on the latest version) but now whenever we save changes on a page, they don’t appear on the front-end at all…it’s like we changed nothing. (The front-end just shows that old content from before Elementor. When we go back in and edit the pages, all of our recent changes are there with no old content anywhere to be found!)

We tried changing from the Default page template to the Elementor Canvas (and FullWidth) templates. (But that did nothing except remove old headers, footers, and sidebars…and it still shows the old content just stuffed against the top-left of the browser window!)

Is this a known issue with Virtue Premium and Elementor? Any suggestions? (If you need to take a look at our issue directly, I can get a login to you so you can take a closer look. You guys have always been able to come up with a quick solution for me in the past when it comes to this kind of stuff…)

Thanks in advance!

[chitocamacho]

chitocamacho

#285053

This reply has been marked as private.

[architabasandrai]

architabasandrai

#285038

Hi There,

Currently, it’s not possible to have two sidebars. You can add your vote or comment to this feature request:
https://www.kadencewp.com/kadence-theme/feature-requests/ahrefs-blog-like-rate-my-post-table-of-contents-in-the-sidebar-post-option-with-sidebars-on-both-sides-blog-post-progress-bar-custom/

For single posts or pages, you could create a sidebar-looking section using a Row Layout block. Sections can also be sticky.

I hope this helps, and please let us know how we can assist further.

Best regards,
Archita

• This reply was modified 2 years, 8 months ago by architabasandrai.

[adnanalikhosa]

adnanalikhosa

#285027

Hello,

I am here to ask a question about kadence theme. Is it possible to use both side (left and right) sidebar on my website? I am using kadence pro Theme and kadence pro block. If possible then please let me know. I will attached a image you can see the image I want to convert my website same design. But need both side sidebar for whole website.
Please let me know I am waiting.

Thank you

[adnanalikhosa]

adnanalikhosa

#285027

Hello,

I am here to ask a question about kadence theme. Is it possible to use both side (left and right) sidebar on my website? I am using kadence pro Theme and kadence pro block. If possible then please let me know. I will attached a image you can see the image I want to convert my website same design. But need both side sidebar for whole website.
Please let me know I am waiting.

Thank you

[architabasandrai]

architabasandrai

#284966

Hi There,

[carousel under the header]
With Kadence Pro, you can create a Hooked element to create a carousel.

• Enable Hooked elements from Appearance > Kadence. Check the screenshot: https://share.getcloudapp.com/7KuzmN4b
• Goto Appearance > Kadence > Elements > create a new element
• You will see a pop-up to select Element Setup > Content Section. Check the screenshot: https://share.getcloudapp.com/YEuepbl9
• Select a row layout and personalize the design to suit your requirements.
• Select Element Settings from the right top icons.
• Set Placement: After Header.
• Show On: Entire site or Single Product.

[How can I change this image in the title bar]

• customizer > Posts/Pages Layout > Archive Layout > Enable Show Archive Title > Select design tab > Archive Title Background
• Check the screen recording: https://share.getcloudapp.com/7KuWkJpp

[On my homepage, I would like to have a carousel]
If you are using Kadence Blocks Pro, then you can use the Advanced Slider block to create a carousel on the homepage. https://www.kadencewp.com/kadence-blocks/pro/advanced-slider/

[I’d rather have the search bar directly in my header. Is this possible?]

You can add a search bar in the header from customizer > Header > Search bar(Drag and Drop in your header)

The Search Bar item is only available in the header for users with the Kadence Pro plugin installed and activated on their website.

Check the screen recording: https://share.getcloudapp.com/2Nup7xpQ

[filter for my shop page]
You can use a Sidebar on your Shop Archives. You can customize the Sidebar by going to your Appearance > Menus. WooCommerce comes with filter blocks that can be used on your Sidebar. For example, the Filter: Product By Price block.

Once you have customized and saved your Sidebar, you can go to your Customizer > WooCommerce > Product Catalog. You can select an Archive Layout with a Sidebar under the Archive Layout options.

Here is a video for reference: https://share.getcloudapp.com/YEuD9YzJ

You can also consider using the Catalog Off Canvas Widget. You can go to your Appearance > Widget and add your filters to the Catalog Off Canvas Widget. Then you can go to your Customizer > WooCommerce > Product Catalog. You will see the Off-Canvas Sidebar settings. You can enable the option to Add Off Canvas Widget Area. This will allow you to set a Toggle Icon and Label. The Toggle Icon and Label will appear above your Shop Items. Once you press the Toggle Icon, the Catalog Off Canvas Widget will slide out.
Here is a video for reference: https://share.getcloudapp.com/JruyJBLX

[On my product detail page: I have cross/upsell products, but can I turn it into a carousel, so I can show more items?]
Currently, there is no option to turn the cross/upsell section into a carousel. Kadence offers a carousel for the related products section.

[Currently I am using the mega menu, and it opens on hover. Can I let it open on click instead?]
You can do this using Custom CSS and Custom Code.

You can add Custom CSS in your Customizer> Additional CSS. https://www.kadencewp.com/kadence-theme/knowledge-base/general/how-do-i-add-custom-css/

Here is the Custom CSS:

.header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu,
.header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu * {
 visibility: hidden !important;
 transition: none;
}

.header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu.clicked {
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    height: auto !important;
    overflow: visible !important;
}

.header-menu-container ul.menu>li.menu-item-has-children>ul.sub-menu.clicked * {
 visibility: visible !important;
}

.header-menu-container ul.menu>li.menu-item-has-children.menu-item-object-custom>ul.sub-menu.clicked {
 display: block;
}

You can add this code using the Code Snippets plugin: https://www.kadencewp.com/kadence-theme/knowledge-base/advanced/how-to-add-a-custom-filter-or-function-with-code-snippets/

Here is the Custom Code:

add_action('wp_footer', function(){
 ?>
<script>
const megaMenu = document.querySelectorAll('.kadence-menu-mega-enabled > a');
const subMenu = document.querySelectorAll('.kadence-menu-mega-enabled > .sub-menu');
const siteNavigation = document.getElementById('site-navigation');

megaMenu.forEach( function(menu){
 menu.addEventListener('click', function(e){
 e.preventDefault();
 if ( menu.parentElement.querySelector('.sub-menu').classList.contains('clicked') ) {
 subMenu.forEach( function(submenu){
 submenu.classList.remove('clicked');
 });
 } else {
 subMenu.forEach( function(submenu){
 submenu.classList.remove('clicked');
 });
 menu.parentElement.querySelector('.sub-menu').classList.add('clicked');
 }
 });
});

document.addEventListener('click', function(event) {
    let isClickInsideElement = siteNavigation.contains(event.target);
    if (!isClickInsideElement) {
        subMenu.forEach( function(submenu){
 submenu.classList.remove('clicked');
 });
    }
});
</script>
<?php
},99);

I hope this information was helpful to you. Please let me know if this works for you.

Best Regards,
Archita

• This reply was modified 2 years, 9 months ago by architabasandrai.

[tom.berger]

tom.berger

#284759

Hi everyone,

Asking this question here since I suspect many people are wondering the same.

Basically what I want to accomplish is:

– using the standard Kadence Single Post header / meta
– having a full-width hooked element below this header / meta
– below that the post content

So it has to look like this (this was put together manually, inc the sidebar on the right): *Login to see link

So the hooked element should be this part:

For some reason, none of the standard hook settings accommodate this. While I think of a ton of use cases where this would be super helpful.

Anyone know how to hook the element in that specific spot?

[tom.berger]

tom.berger

#284759

Hi everyone,

Asking this question here since I suspect many people are wondering the same.

Basically what I want to accomplish is:

– using the standard Kadence Single Post header / meta
– having a full-width hooked element below this header / meta
– below that the post content

So it has to look like this (this was put together manually, inc the sidebar on the right): *Login to see link

So the hooked element should be this part:

For some reason, none of the standard hook settings accommodate this. While I think of a ton of use cases where this would be super helpful.

Anyone know how to hook the element in that specific spot?

[Sara]

Sara

#284728

Hi there,

I need to create a child theme after I’ve already worked a good bit on a client’s site. I’ve read your tutorial on how to install a child theme this far in but when I go to my customizer, there’s no option to export/import anywhere. Has it moved? Or under one of the options in the sidebar? Adding a screenshot to hopefully help.

Thanks!

[Sara]

Sara

#284728

Hi there,

I need to create a child theme after I’ve already worked a good bit on a client’s site. I’ve read your tutorial on how to install a child theme this far in but when I go to my customizer, there’s no option to export/import anywhere. Has it moved? Or under one of the options in the sidebar? Adding a screenshot to hopefully help.

Thanks!

[Karla]

Karla

#284708

Hi, John!

I’m sorry for the delay in getting back to you.

When I viewed your website, there is no page where a sidebar layout is being applied. If you enabled it on a specific page only, could you specify which it is and give us the page URL so we can check better?

For your reference, I am seeing that you’re using the FULLWIDTH page layout, not a sidebar layout – https://share.getcloudapp.com/mXuGbDmj.

Let us know how we can help you further with this.

Kind regards,
Karla

[John Ethan]

John Ethan

#284687

I’m using the Kadence theme on my Mux Tech Website, and my sidebar is acting up. It’s not displaying correctly on my site, even though I’ve checked all the settings. I want it to work smoothly, but it’s not showing up properly on certain pages. Any advice or tips to fix this would be greatly appreciated! Thanks in advance!