Search Results for 'sidebar'

[teejayhidalgo]

teejayhidalgo

#290756

Hi mhchamal95,

I’m glad you reached out, I’d be happy to help.

Can you give us information on the custom CSS you tried so far?

You can try this custom CSS:

@media screen and (max-width: 1024px) {
  .has-sidebar .site-container {
    display: flex;
    flex-direction: column-reverse;
  }
}

Please let us know; we’ll be happy to help.

Best regards,
Teejay.

[mhchamal95]

mhchamal95

#290735

I want to ask about setting up the sidebar to be at the top on tablet and mobile views using the Kadence theme in WordPress. I tried adjusting the theme settings and using custom CSS, but it didn’t work as expected.

[mhchamal95]

mhchamal95

#290735

I want to ask about setting up the sidebar to be at the top on tablet and mobile views using the Kadence theme in WordPress. I tried adjusting the theme settings and using custom CSS, but it didn’t work as expected.

[davmart]

davmart

#290586

Thank you Eze for your reply,
It works.

But,
In the sidebar by the ‘shortcode block’ I have this :

But in the top row of the header with the HTML, I have this:

How do I align the image and the shortcode in the header?

The code I’ve used is this:
<img src="https://website.com/wp-content/uploads/2024/07/path8-512x512-1.png" alt="" style="width:34px;height:34px;display:inline;vertical-align:-11px;margin-top:10px;margin-left:-50px;margin-right:10px;"> [shortcode]

Thank you,

[davmart]

davmart

#290573

Hi Kadence Support Team,

I’d like to insert a language switcher in my header. Either in the menu or in the top row of the header.

I have a shortcode for the language switcher. But I can’t insert it in the Hearder! I can’t figure out how to insert this shortcode in the menu, nor how to insert a widget shortcode in the top row of the header!

On the other hand, I can implement the shortcode in the sidebar and footer.
But I want to insert the language switcher in the Header.

Can you please help me achieve this?

If you can tell me how to do it in both situations (menu & top row) that would be great.

Thank you very much,

[davmart]

davmart

#290573

Hi Kadence Support Team,

I’d like to insert a language switcher in my header. Either in the menu or in the top row of the header.

I have a shortcode for the language switcher. But I can’t insert it in the Hearder! I can’t figure out how to insert this shortcode in the menu, nor how to insert a widget shortcode in the top row of the header!

On the other hand, I can implement the shortcode in the sidebar and footer.
But I want to insert the language switcher in the Header.

Can you please help me achieve this?

If you can tell me how to do it in both situations (menu & top row) that would be great.

Thank you very much,

[Elizabeth Harrin]

Elizabeth Harrin

#290572

As far as I can see, Kadence only offers a single sidebar option. I’ve got the sidebar set up on the right, with an intro widget and ads. I’d like to add a sticky Table of Contents on the left side, but I can’t see how to do that.
If I add it to the existing sidebar, it messes up the ad placement (sticky ads so that conflicts with the sticky ToC).
What are other people doing for adding ToC to their content? My posts are long so it’s worth having the ToC and having it separately looks really clean on other sites. I can’t see another option beyond giving up a lucrative ad spot.

[Elizabeth Harrin]

Elizabeth Harrin

#290572

As far as I can see, Kadence only offers a single sidebar option. I’ve got the sidebar set up on the right, with an intro widget and ads. I’d like to add a sticky Table of Contents on the left side, but I can’t see how to do that.
If I add it to the existing sidebar, it messes up the ad placement (sticky ads so that conflicts with the sticky ToC).
What are other people doing for adding ToC to their content? My posts are long so it’s worth having the ToC and having it separately looks really clean on other sites. I can’t see another option beyond giving up a lucrative ad spot.

[architabasandrai]

architabasandrai

#290444

Hi Yaroslav,

I’m glad you reached out. I’d be happy to help.

The WooCommerce filters work only on WooCommerce archive pages, so they will not display in the Catalog off-canvas woocommerce sidebar if it is placed on regular pages.

As an alternative, you can use the Advanced Query Loop non woo pages, but it doesn’t support the Catalog off-canvas sidebar. It does have the option to add WooCommerce filters on the page. As of now, advanced query loop has 5 Initial layout with filters. Check the screenshot for reference:https://share.zight.com/qGub4Kgm

Check the advanced query loop documentation here: https://www.kadencewp.com/help-center/docs/kadence-blocks/advanced-query-loop-block/

There’s an existing feature request for off-canvas filter support for the Advanced Query block, you can add your vote here: https://feedback.kadencewp.com/p/query-loop-adv-to-add-off-canvas-filters-support.

Adding a vote can help prioritize its development.

While there’s no specific timeline for when this feature might be added, know that we’ve also internally highlighted this as something our users are looking forward to.

I hope this helps. Let us know if we can assist you further.

Best Regards,
Archita

[Anonymous]

Anonymous

#290371

Hi there,

Yes it would but you might need to play around with the max-width value and see which works.

For example, you can try changing it to 1024px instead. So basically the updated code is:

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

Let us know how we could help you further.

Kind Regards,
Michael Taro

[chitocamacho]

chitocamacho

#290367

Hi there,

You can use this custom CSS:

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

Here’s how it works: https://share.zight.com/kpuZZDE1

Please let me know how I can assist further.

Best,
Chito

[Karla]

Karla

#290217

Hi there!

I apologize for the delay in getting back to you here.

You can add this to Dashboard > Appearance > Customize > Additional CSS:

@media screen and (max-width: 768px) {
    #content .row:has(#ktsidebar) {
        display: flex;
        flex-direction: column-reverse;
    }
}

I hope this helps, and let me know if I can assist you further.

Regards,
Karla

[Dillon]

Dillon

#290201

I see on this support forum that people have posted CSS code using flex-direction: column-reverse; to move their sidebars to the page top on mobile views, but I’m not finding one for premium Ascend Theme. What CSS would move the sidebar to display first before page content on mobile view?

[Dillon]

Dillon

#290201

I see on this support forum that people have posted CSS code using flex-direction: column-reverse; to move their sidebars to the page top on mobile views, but I’m not finding one for premium Ascend Theme. What CSS would move the sidebar to display first before page content on mobile view?

[v.lazarov]

v.lazarov

#288676

Hi there,

First-time writer here, using the full Kadence Pro bundle. I need some help with filters. I am using the Woo Template – Product Archive-Query Loop (Adv) to build my product archive page. I am using Kadence’s built-in filters and wondering if I can achieve the following.

I have six main product categories, each of which has several subcategories. Now, I can use a checkbox menu to display the main categories only in the sidebar, but what I need is to have a second checkbox menu which displays only the relevant subcategories. How is this feasible with Kadence’s built-in features? I have tried Dynamic List, but oddly enough, it displays only a couple of categories and I do not know why.

Any help or advice will be appreciated!

Thanks.

• This topic was modified 1 year, 11 months ago by v.lazarov.

[v.lazarov]

v.lazarov

#288676

Hi there,

First-time writer here, using the full Kadence Pro bundle. I need some help with filters. I am using the Woo Template – Product Archive-Query Loop (Adv) to build my product archive page. I am using Kadence’s built-in filters and wondering if I can achieve the following.

I have six main product categories, each of which has several subcategories. Now, I can use a checkbox menu to display the main categories only in the sidebar, but what I need is to have a second checkbox menu which displays only the relevant subcategories. How is this feasible with Kadence’s built-in features? I have tried Dynamic List, but oddly enough, it displays only a couple of categories and I do not know why.

Any help or advice will be appreciated!

Thanks.

• This topic was modified 1 year, 11 months ago by v.lazarov.

[jaspallo]

jaspallo

#288668

Hi,

when logged in as Admin, click on “customize” in the admin toolbar.

When the customize sidebar appears, click on the mobile view button on the bottom right-hand side of the sidebar and then select ‘header’ from the sidebar to customize the header.

at the bottom of the screen the section where you can edit the header columns, you will see an option to select the ‘navigation menu’ settings and then, from the ‘design tab’ you can select the background color for the navigation menu.

Let me know if you need more help.

[laurynas.alfa]

laurynas.alfa

#288429

All working

I just now noticed that there is an icon with a cross 🙂 At first it seemed that you need to choose: Abc. After all, it is logical, the first uppercase letter, the other lowercase. So it’s not clear from the first time.

WORKING IN:

1. Single all page
2. Archive all page
3. Single custom taxonomy page
4. Archive custom taxonomy page

DO NOT WORKING (I don’t know where these settings are):

I create Kadence element, custom taxonomy archive template.
Put adv (image) and title.

And I assign it to show “replace archive loop content”. then, on the archive page, it shows nice pictures with links, but the website accepts capital letters everywhere.

I need it to be displayed on the archive page with the right sidebar. Only this setting works.

If I set the archive page to show “replace archive content” – then it shows, say, “Query Loop (Adv) Block” over the entire page at 100 percent and without the right sidebar.

So that you will have to use those styles to remove the design of capital letters from the entire title, that is much easier than constantly folding all the settings, especially when there will be maybe ten or more taxonomies.

[cory.bitner]

cory.bitner

#288320

I have my posts setup with a simple password on each post for specific users. In the post, I have the layout set to content with 1 sidebar. In the side bar I have the table of contents block.

Before the user types in their password, you can still see the sidebar on the front end.

Is there a way to hide the sidebar before the user enters in the password?

I tried this code, but didn’t work:

function hide_sidebar_for_protected_posts() {
if ( is_singular() && post_password_required() ) {
remove_action( 'get_sidebar', 'get_sidebar' );
}
}
add_action( 'template_redirect', 'hide_sidebar_for_protected_posts' );

Thanks in advance!

[cory.bitner]

cory.bitner

#288320

I have my posts setup with a simple password on each post for specific users. In the post, I have the layout set to content with 1 sidebar. In the side bar I have the table of contents block.

Before the user types in their password, you can still see the sidebar on the front end.

Is there a way to hide the sidebar before the user enters in the password?

I tried this code, but didn’t work:

function hide_sidebar_for_protected_posts() {
if ( is_singular() && post_password_required() ) {
remove_action( 'get_sidebar', 'get_sidebar' );
}
}
add_action( 'template_redirect', 'hide_sidebar_for_protected_posts' );

Thanks in advance!

[Karla]

Karla

#288263

Hi, Kashi!

The category page that you sent doesn’t use a sidebar layout. For using sidebar layouts on archive pages, go to Customize > Posts/Pages Laayout > Archive Layout. This is where you should select the right sidebar layout.

After doing this, all archive pages will show a right sidebar layout.

If I misunderstood your issue, please let us know and we’ll be happy to help you further.

Regards,
Karla

[kashiawan6970]

kashiawan6970

#288253

Dear Kadence Theme Forum Community,

I hope all members are doing well. I’m reaching out today to ask for help configuring the sidebar widget feature on the Kadence theme for my website.

I am encountering an issue wherein I have activated the sidebar widget on an individual page. Upon accessing the page editor and selecting the desired sidebar, I intended to display this [ *Login to see link ] category within the right sidebar. However, despite my efforts, the end result did not align with my desired outcome.

I would greatly appreciate any guidance or insights from the community regarding the proper configuration steps for integrating category display within the sidebar widget on the Kadence theme.

Thank you in advance for your time and support.

Warm regards,

Kashi

• This topic was modified 2 years ago by kashiawan6970.

[kashiawan6970]

kashiawan6970

#288253

Dear Kadence Theme Forum Community,

I hope all members are doing well. I’m reaching out today to ask for help configuring the sidebar widget feature on the Kadence theme for my website.

I am encountering an issue wherein I have activated the sidebar widget on an individual page. Upon accessing the page editor and selecting the desired sidebar, I intended to display this [ *Login to see link ] category within the right sidebar. However, despite my efforts, the end result did not align with my desired outcome.

I would greatly appreciate any guidance or insights from the community regarding the proper configuration steps for integrating category display within the sidebar widget on the Kadence theme.

Thank you in advance for your time and support.

Warm regards,

Kashi

• This topic was modified 2 years ago by kashiawan6970.

[sharpfan]

sharpfan

#288240

There are no contents in the Sidebar. It’s completely empty.

I enabled Debug mode in WordPress, tried again, and this is the error line:

[05-Apr-2024 06:59:13 UTC] PHP Notice: Function wp_enqueue_script() was called incorrectly. "wp-editor" script should not be enqueued together with the new widgets editor (wp-edit-widgets or wp-customize-widgets). Please see <a>Debugging in WordPress</a> for more information. (This message was added in version 5.8.0.) in /wp-includes/functions.php on line 6031

Is the issue with Kadence Blocks or with WordPress?

[teejayhidalgo]

teejayhidalgo

#288238

Hi there,

I can’t replicate this issue on my test website.

Please see these screen recordings for reference:

• https://share.getcloudapp.com/WnuXoe9O
• https://share.getcloudapp.com/WnuXoePO

Can you describe what happens when you update the sidebar? What are the contents of the side bar?

Do you see other errors on the page itself aside from the console error?

Can you send us a screen recording and additional descriptions that may help us see or replicate this issue?

You can try apps like https://zight.com/ to record your screen or capture screenshots and easily share the links with us.

Meanwhile, please could you do the steps listed in this article https://www.kadencewp.com/blog/how-to-troubleshoot-your-website? This will help us rule out these usual causes of WordPress issues, so we can move on to investigating other possible causes of this issue on your website.

Let us know how it goes, we’ll be more than happy to help.

Best regards,
Teejay.

[sharpfan]

sharpfan

#288236

There is a problem adding or updating Widgets to the Sidebar, and seeing multiple console errors:

Uncaught TypeError: Cannot read properties of undefined (reading 'selection')

If it helps:
– WordPress 6.4.3
– Kadence 1.2.3
– Kadence Blocks 3.2.32
– PHP 8.2.17

[sharpfan]

sharpfan

#288236

There is a problem adding or updating Widgets to the Sidebar, and seeing multiple console errors:

Uncaught TypeError: Cannot read properties of undefined (reading 'selection')

If it helps:
– WordPress 6.4.3
– Kadence 1.2.3
– Kadence Blocks 3.2.32
– PHP 8.2.17

[Carlo Galici]

Carlo Galici

#288055

Hi, can you provide the code to show for mobile, the sidebar before comments? Thanks.