[russ28]

Hi, post sidebar goes sticky when I edit posts in elementor. Happens to existing posts and new posts. There doesn’t appear to be a setting that controls this. How do I disable sticky effect?

#secondary > div.sticky-sidebar.sticky.sticky-effects.sticky-active

I am using newscard default demo, with demo default layout. http://russelll12.sg-host.com/test/

[Theme Horse Support Team]

Hi russ28,

To disable the sidebar sticky effect, Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS Code.

.widget-area .sticky-wrapper,
.widget-area .sticky-wrapper.is-sticky {
	height: auto !important;
}
.widget-area .sticky-wrapper .sticky-sidebar,
.widget-area .sticky-wrapper.is-sticky .sticky-sidebar {
	width: 100% !important;
	position: relative !important;
	top: auto !important;
}

Thanks

[russ28]

Hi. The above css doesn’t work in google chrome and microsoft edge, but does in microsoft explorer. I cleared browser and site caches.

[Theme Horse Support Team]

Hi russ28,

We have checked in various browsers, and its working well. We have noticed the sticky script on your site is merged and affected by some other script as well so please check by deactivating the plugins one by one.

Thanks

[russ28]

Hi, thank you for your responses. I deactivated all plugins. Had previously tried this, but left elementor and elementor pro activated as I assumed they would be okay. Sticky effect not there with elementor activated, but is there with elementor pro activated. So there appears to be a conflict between elementor pro and newscoat. Is newscoat supposed to work with elementor pro? Is there an elementor pro setting that may be causing this issue, that I can adjust? Cheers.

[Theme Horse Support Team]

We have noticed that the code we has been merged with the new one. Ok anyways we are providing the Custom CSS according to the merged code rendered. Please again go to ‘Appearance > Customize > Additional CSS’ and remove the previous provided code and paste the below Custom CSS Code instead.

.widget-area .sticky-sidebar.sticky-active {
	height: auto !important;
	width: 100% !important;
	position: relative !important;
	top: auto !important;
}
.widget-area .sticky-sidebar.sticky-spacer {
	display: none !important;
}

Let us know if the issue is solved

Thanks

[Author]

Posts