Search Results for 'sidebar'

[iocildea]

iocildea

#270522

Yes, disabling the sticky sidebar fixes in one shot all the issues related to the sticky sidebar.

[Hannah]

Hannah

#270500

Hi,
Thanks for reaching out! Sorry for the delay. One workaround would be to make-shift a sidebar layout using the Row layout block. Just create a long column on either side that mimics a sidebar, and add your content to the main column.
Another option is to use the Page Title layout (Customize > Blog Posts > Single Post Layout > Post Title Layout) and set a background image for the title.
Hope this is helpful!

Kindly,
Hannah

[Hannah]

Hannah

#270495

Hi Iocildea,
Apologies for the delay. In Customize > General > Sidebar try disabling “Enable Sticky Sidebar”. This should remove the scroll.
Hope it helps!

Best,
Hannah

[Karla]

Karla

#270402

Hello,

Kindly open a new topic for future inquiries.

If you have the exact issue with Richard, kindly follow this:

1. Remove the header image in category pages by going to Customizer > Blog Post > Archive Layout.
2. Then go to Design Tab and Archive Title Background. You can remove the background image there.

My new header photo shows on the editing sidebar but not on the site

Please could you send a screenshot that points to this section? Additionally, give us the website URL so we can inspect your page. You can add the links as a private reply so only you and the support team can see them.

Hope this helps. Do let us know if we can assist you further.

Regards,
Karla

[galinamf]

galinamf

#270394

This reply has been marked as private.

[galinamf]

galinamf

#270393

Hi!
I want to have a menu, then some full screen image like a blog header or just an illustration for a page, and then when the actual article begins position the sidebar below this image aligned with the actual page content.
I tries different settings, but sidebar always starts from the top under the menu and it doesnt allow to have a fill width top image.
Is there any workaround?

I’ll send a follow up message with a link.

Thank you!

[galinamf]

galinamf

#270393

Hi!
I want to have a menu, then some full screen image like a blog header or just an illustration for a page, and then when the actual article begins position the sidebar below this image aligned with the actual page content.
I tries different settings, but sidebar always starts from the top under the menu and it doesnt allow to have a fill width top image.
Is there any workaround?

I’ll send a follow up message with a link.

Thank you!

[josebazjunior09]

josebazjunior09

#270392

In the desktop version the sidebar is positioned in place. Already in mobile, sidebar is at the bottom of the page, but I want it to stay at the beginning. What am I supposed to do?

[josebazjunior09]

josebazjunior09

#270392

In the desktop version the sidebar is positioned in place. Already in mobile, sidebar is at the bottom of the page, but I want it to stay at the beginning. What am I supposed to do?

[iocildea]

iocildea

#270375

Hi Hannah,

I temporary disabled maintenance mode. I had to enable it to avoid search engines crawling duplicate contents, sorry.

I understand the problem is the overflowing content and I understand that’s the way the native Kadence’s sticky sidebar is supposed to work.

What I would like to know is if there is a way to make it works like commonly sticky sidebars work, showing ALL the content until the bottom then stop then pushed up when the main content’s footer is reached. I mean the way it works on my production site (and on many sites around).

I know it can be “fixed” installing a plugin, but the good of Kadence is there is no need to rely on many external plugins, especially if based on Jquery.

If it can be done in some way I will definitely migrate my site to Kadence and I will buy a Pro license (it’s a promise).

[danne.c.nilsson]

danne.c.nilsson

#270371

No worries, I found the fix in here with:

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

Sorry to waste space!

[raymondknowsit]

raymondknowsit

#270370

Same problem, my new header photo shows on the editing sidebar but not on the site

[iocildea]

iocildea

#270314

My sticky sidebar has a scroll bar. I learned from this thread that it happens when there is an overflowing content given by too many/large widgets, but is not my case as you can see on my staging site.

So far the only way to “fix” it is to remove that form (or any other form I tested). Another way is to optionally stuck only last widget, but it doesn’t fit my needs. Any help?

• This topic was modified 4 years, 3 months ago by iocildea.

[iocildea]

iocildea

#270314

My sticky sidebar has a scroll bar. I learned from this thread that it happens when there is an overflowing content given by too many/large widgets, but is not my case as you can see on my staging site.

So far the only way to “fix” it is to remove that form (or any other form I tested). Another way is to optionally stuck only last widget, but it doesn’t fit my needs. Any help?

• This topic was modified 4 years, 3 months ago by iocildea.

[Carrie]

Carrie

#270299

Hi there!
I’d like to style the menu in the top bar. I need to text to be larger, say 14pt, and color.
it currebtly looks like this:

and I would like to to look like this:

*Login to see link

Originally I tried adding a widget to the header, but I couldn’t style it. And now I cannot remove it, I get an error message “There was an error. The response is not a valid JSON response.” There’s also a block widget in the primary sidebar that I cannot remove. I’m not using the sidebar so visually it’s not a problem, but there is something going on with this website.

I have tested the plugins and updated everything.

Thanks for any assistance you can provide,
Carrie

[Carrie]

Carrie

#270299

Hi there!
I’d like to style the menu in the top bar. I need to text to be larger, say 14pt, and color.
it currebtly looks like this:

and I would like to to look like this:

*Login to see link

Originally I tried adding a widget to the header, but I couldn’t style it. And now I cannot remove it, I get an error message “There was an error. The response is not a valid JSON response.” There’s also a block widget in the primary sidebar that I cannot remove. I’m not using the sidebar so visually it’s not a problem, but there is something going on with this website.

I have tested the plugins and updated everything.

Thanks for any assistance you can provide,
Carrie

[Fredrik]

Fredrik

#270236

This reply has been marked as private.

[Kevin]

Kevin

#270230

Hi Fredrik,

Thanks for contacting us!

Try just this CSS:

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

If that doesn’t work, please share a link to the page you’re working on and we’ll be happy to fix the code.

Best regards,
Kevin

[Fredrik]

Fredrik

#270183

Hi,

I am using Kadence and the Shopping template.

I cannot get the sidebar to show on top on mobile view. I have tried to use previous CSS-solutions suggested in the forum.

Any idea if I need to update to someting else for my combination?

I have tried these:

—
media screen and (max-width: 900x) {
.post-type-archive-product .content-container.site-container {
display: flex;
flex-direction: column-reverse;
}
}
——–

@media screen and (max-width: 900px) {
.post-type-archive-product.woocommerce #content .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column-reverse;
}
}
—

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

—-

Best regards
Fredrik

[Fredrik]

Fredrik

#270183

Hi,

I am using Kadence and the Shopping template.

I cannot get the sidebar to show on top on mobile view. I have tried to use previous CSS-solutions suggested in the forum.

Any idea if I need to update to someting else for my combination?

I have tried these:

—
media screen and (max-width: 900x) {
.post-type-archive-product .content-container.site-container {
display: flex;
flex-direction: column-reverse;
}
}
——–

@media screen and (max-width: 900px) {
.post-type-archive-product.woocommerce #content .row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column-reverse;
}
}
—

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

—-

Best regards
Fredrik

[tradepoint24]

tradepoint24

#270138

Hello,

WEBSITE LINK

I have a little problem after changing colors of website to black. I can’t find a setting where I can change fonto color in product search field in my sidebar. Search field is white and coursor is white and letters are white too.

Can i repair it with some CSS?

Thank You for any help.

[tradepoint24]

tradepoint24

#270138

Hello,

WEBSITE LINK

I have a little problem after changing colors of website to black. I can’t find a setting where I can change fonto color in product search field in my sidebar. Search field is white and coursor is white and letters are white too.

Can i repair it with some CSS?

Thank You for any help.

[Fredrik]

Fredrik

#270108

Just awesome. Fantastic support! I took the opportunity and did. 😊

I set up a new thread (about different sidebars on desktop/mobile).

Thanks again!
/ Fredrik

[Fredrik]

Fredrik

#270107

Hi,

a question around the Sidebar widgets and the product catalogue.

Is it possible to use Sidebar 1 for desktop and use Sidebar 2 on mobile? (I would like to adapt a more “slim” sidebar with less things there)

Thank you for a great theme!
/ Fredrik

[Fredrik]

Fredrik

#270107

Hi,

a question around the Sidebar widgets and the product catalogue.

Is it possible to use Sidebar 1 for desktop and use Sidebar 2 on mobile? (I would like to adapt a more “slim” sidebar with less things there)

Thank you for a great theme!
/ Fredrik

[Karla]

Karla

#270011

Hello Mark,

Thank you for reaching out to us and apologies for the delay in getting back to you!

I tried replicating the issue on my test website but I was not able to. As you will see on this screen recording, the sidebar is still sticky even if it’s showing the hooked element – https://share.getcloudapp.com/llu6556q.

If you haven’t yet, kindly do the troubleshooting steps in this article. It is possible that you have outdated plugins and theme. Or there is another plugin causing the issue.

Hope this helps and let us know if we can assist you further.

Kind Regards,
Karla

[Mark]

Mark

#269965

When using the Elements feature to replace a sidebar, I’ve noticed that the Sticky Sidebar feature does not work for the one being replaced. Is there a workaround for this?

[Mark]

Mark

#269965

When using the Elements feature to replace a sidebar, I’ve noticed that the Sticky Sidebar feature does not work for the one being replaced. Is there a workaround for this?