Search Results for 'sidebar'

[Brendan Aw]

Brendan Aw

#281111

Hello,

I tried using this code as above:

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

but it turns the text on my homepage all vertical on the tablet mode.

Please help.

[Karla]

Karla

#281100

Hi, @zelishmekhi!

This may have an effect but I am not sure if a positive or negative one.

If we talk broadly, Kadence is built using HTML5 markup to define sections, articles, headers, and footers which more easily allows search engines to understand your site. Also, the correct use of heading tags and preserving the heading structure is the most important part of SEO. Beyond that in certain areas (header, sidebar, footer) schema is added to again help search engines understand the content of your pages.

If you switch themes, your page contents should stay. So if your page contents are SEO-optimized, I think there shouldn’t be a negative impact on SEO. Also, the SEO plugin(Rank Math) could also help you should there be some things to improve on in terms of SEO.

What I could recommend is trying out the switch first in a development website rather than applying it right away to your actual, live one.

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

Regards,
Karla

[chitocamacho]

chitocamacho

#280998

Hi there,

Here’s a quick video on how you can add another column inside a Row Layout block: https://share.getcloudapp.com/yAuQdgXe

Select the Row Layout and on the right panel is the block settings where you can adjust the number of columns/sections. Here’s a screenshot: https://prnt.sc/sExdHHREn5e-

Here’s a tutorial for the Row Layout block. You can also see other block tutorials on the sidebar:
https://www.kadencewp.com/kadence-blocks/documentation/block-tutorials/row-layout-block/

I hope this helps and let us know if you need further assistance.

Kind regards,
Chito

[Karla]

Karla

#280979

Hi there!

I’m sorry for the delayed response.

If you enable either the Left or Right Sidebar layout for posts or pages, there will be two columns: the main content and the sidebar. The Featured Image section is part of the main content and it is expected that it will not expand to full width if you have a sidebar layout enabled. This is what the thumbnail of the layout options indicates – https://share.getcloudapp.com/o0uX2nWq.

If you want to show a full-width featured image, I recommend following this setup(if you do not have the Essential Bundle):

• Do not show the featured image.
• Enabled the “Above Content” title section.
• Go to Design settings and activate the “Use Featured Image for Background?” option.
• Go back to General settings and adjust the “Container Min Height” option as necessary.

Here’s a screen recording for your reference – https://share.getcloudapp.com/eDu7qqWP.

On the other hand, if you have the Essential Bundle, that means you can use the Kadence Theme Pro and Kadence Blocks Pro addons. Then, you can refer to these links so you can create a hooked element that will show as a full-width section and will dynamically show the current post’s featured image:

• https://www.kadencewp.com/kadence-theme/knowledge-base/pro-addon/how-to-use-element-hooks/
• https://www.kadencewp.com/blog/how-to-use-dynamic-content-with-kadence/
• Kadence WP YouTube playlist

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

Regards,
Karla

[gilberthernandez]

gilberthernandez

#280969

Hey there,

You can drag and drop the blocks from the main area to the sidebar. Here is a clip for reference: https://share.getcloudapp.com/lludq5NN

Also, WooCommerce adds the information automatically to the Additional Information section. However, here is an article about customizing the section: https://woostify.com/customize-woocommerce-additional-information-tab/#:~:text=WooCommerce%20additional%20information%20is%20the,display%20product%20additional%20in%20WooCommerce.

If you want to enable and add global tabs, try Kadence Shop Kit.

[saurabh853]

saurabh853

#280961

When I enable sidebar for posts in kadence theme, it appears as full height sidebar taking some featured image space as well. If I deactivate sidebar then featured image becomes full width.
Is there a way to keep the sidebar height lower so that featured image for my posts is full width while having a sidebar?
Please help

• This topic was modified 3 years, 6 months ago by saurabh853.

[saurabh853]

saurabh853

#280961

When I enable sidebar for posts in kadence theme, it appears as full height sidebar taking some featured image space as well. If I deactivate sidebar then featured image becomes full width.
Is there a way to keep the sidebar height lower so that featured image for my posts is full width while having a sidebar?
Please help

• This topic was modified 3 years, 6 months ago by saurabh853.

[chitocamacho]

chitocamacho

#280907

Hi there,

Thank you for writing.

Currently, there’s no function for infinite scrolling in Kadence Post Grid/Carousel block. You can add your vote to this existing feature request: https://www.kadencewp.com/kadence-blocks/feature-requests/post-grid-carousel-block-infinite-scroll/

Filter and pagination do not work together because of how the filter function works. It is a simple filter that filters the available posts on the page, therefore it might get confusing to users if the posts are separated into pages and the filter is only applied to the posts on the current page.

There’s also an existing feature request that you can add your vote to:
https://www.kadencewp.com/kadence-blocks/feature-requests/post-grid-with-both-post-filter-and-pagination

You could use the Gutenberg Navigation block and put the categories as the primary means of filtering the posts. You could also do that in the sidebar.

Let us know how we can help further.

Kind regards,
Chito

[Anton]

Anton

#280786

Hi Karla,

Thanks for taking the time.

I deactivated WP Rocket once more and checked in incognito mode, both on this machine and on laptop – still the same issue.

I don’t think this is a caching problem, but something within the theme.

When I change default post layout to “no sidebar”, then the “related posts” gets into its correct position. As soon as I use a layout with a sidebar, then the “related posts” box is way out of the screen.

When I change the sidebar width setting, then the “related post” box follows. When I have only 5% width of the sidebar, then the “related posts” box can be seen a little bit more. But still off-screen.

So, somehow, the sidebar is pushing the related posts box out of the screen.

Best regards,
Anton

• This reply was modified 3 years, 6 months ago by Anton.

[Bonn]

Bonn

#280766

Hi Aaron,

Currently, the button and the sidebar are from one function. You will have to create your own function if you want to change this, and this kind of customization is out of the scope of our support.

I recommend using display:none to hide it.

Regards,
Bonn

[Anton]

Anton

#280764

Hello,

The “related post” function is not aligned with the website. I think it happened when I added a sidebar.

On the left side the related post is wider than the screen, but on the right side it’s correct.

How can I fix this?

Thanks in advance.

[Anton]

Anton

#280764

Hello,

The “related post” function is not aligned with the website. I think it happened when I added a sidebar.

On the left side the related post is wider than the screen, but on the right side it’s correct.

How can I fix this?

Thanks in advance.

[Aaron Kessler]

Aaron Kessler

#280759

This works.
Is it possible to turn on the sidebar without rendereing the .kadence-shop-top-row? I could set it to display: none; of course, but I would prefer to not inject the markup at all.

[Aaron Kessler]

Aaron Kessler

#280725

I would like to toggle the catalog off canvas sidebar in javascript and thought
window.kadence.toggleDrawer(getElementById('filter-drawer'))
will do it, but it does not. How does it work?

[Aaron Kessler]

Aaron Kessler

#280725

I would like to toggle the catalog off canvas sidebar in javascript and thought
window.kadence.toggleDrawer(getElementById('filter-drawer'))
will do it, but it does not. How does it work?

[Daniel Ryan]

Daniel Ryan

#280708

Thanks, Chito,

Can you tell me how to show recent posts like this in my sidebar?

I have given the website link above which you can go to and see the right sidebar.

I want to show the recent posts on the right sidebar exactly the same.

[chitocamacho]

chitocamacho

#280698

Hi Daniel,

It’s a legacy Search widget. The block-based widget editor feature from the WordPress core has a different Search block, and you will need to use custom CSS to be able to customize it.

You will need to install and activate the Classic Widgets plugin to use a legacy Search widget.
https://wordpress.org/plugins/classic-widgets/

You can add the legacy Search widget on your sidebar the usual way – via Appearance > Widgets or Customizer > Widgets.

Here’s a screen recording: https://share.getcloudapp.com/yAuQzwpY

I hope this helps, and let us know if you need further assistance.

Kind regards,
Chito

[Dane]

Dane

#280641

Hi @zelishmekhi,

Thank you for reaching out to us.

Looking at the site you’re working on, it seems that you’re using GeneratePress. Please note that every theme is different, so please expect that when changing from one theme to another, you won’t be having an identical looking website by default. You need to make some tweaks or customizations to achieve a similar or a different look.

Please refer to this guide before switching your theme and process in switching: https://www.bluehost.com/help/article/switching-wordpress-theme

Also, can you please confirm if you’re using a free Kadence products? You may also submit a ticket to these links so we would know if what Kadence products you’re using and we can assist you from there.

– https://www.kadencewp.com/premium-support-tickets/
– https://www.kadencewp.com/free-support-tickets/

As for changing the page layout, you can do that by changing it via Customizer. Here’s how, please watch: https://share.getcloudapp.com/jkuW6bxO

You can also set a sidebar on a certain page. Here: https://share.getcloudapp.com/rRuQm2yD

Hope this answers your question.

Should you need further assistance, please let us know, and we’re always here to help!

Cheers,
Dane

[jmarshal558]

jmarshal558

#280593

Step 1: Create a basic html structure to create sidebars.
Step 2: Design the background using css code.
Step 3: Add profile images and titles.
Step 4: Add menu items in the sidebar.
Step 5: Design menu items with css code.
Step 6: Create navigation bar.

[interactie]

interactie

#280592

Hi there,

Currently, I’m trying to set up a Carousel with the custom posttypes from plugin “The Event Calendar”. Within the block sidebar, I’m able to select this posttype, which is great!

But I’m unable to change the “Order by” to the configured date the event starts. And there is also no possibility to replace the “Postdate” with the “Event date” within the Footer meta of Below Title Meta.

Is that something we can manage to alter with a php-function? So yes, how?

This would be awesome,

Kind regards

[interactie]

interactie

#280592

Hi there,

Currently, I’m trying to set up a Carousel with the custom posttypes from plugin “The Event Calendar”. Within the block sidebar, I’m able to select this posttype, which is great!

But I’m unable to change the “Order by” to the configured date the event starts. And there is also no possibility to replace the “Postdate” with the “Event date” within the Footer meta of Below Title Meta.

Is that something we can manage to alter with a php-function? So yes, how?

This would be awesome,

Kind regards

[Karla]

Karla

#280583

Hi, Daniel!

The Customization options can be seen by going to Appearance > Customizer. Then, if you want to use the sidebar layout, there are multiple sections to go where you can set this. Those sections are:

• Page Layout
• Single Post Layout
• Archive Layout
• If there are custom post types detected, there are also single and archive page settings for them

If you only want to use the sidebar layout for your blog posts, follow these:

1. Go to Customizer > Posts/Pages Layout > Single Post Layout
2. Select the Right Sidebar layout
3. Select which sidebar you want to show
4. Go to Appearance > Widgets
5. Scroll down to the sidebar you chose and add the widget items there

Here’s a screen recording for your reference – https://share.getcloudapp.com/RBuZJvX1.

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

Regards,
Karla

[Daniel Ryan]

Daniel Ryan

#280576

Can you tell me how to create a sidebar like this?

• This reply was modified 3 years, 6 months ago by Daniel Ryan.

[jmarshal558]

jmarshal558

#280574

The Right Sidebar allows for adding deeper navigation into a section of the website. In addition to having an expandable navigation, there are multiple components that can be added to the sidebar.