Title: CSS conflict Last modified: October 23, 2022 --- # CSS conflict * [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 6 months ago](https://wordpress.org/support/topic/css-conflict-39/) * Hello, in the latest update, something went wrong with CSS. * In each site, I use a TOP section and a HEADER immediately below. * The TOP one disappears during the scrolling of the page while the HEADER one goes to the top of the page through your plugin. * In the TOP section, I use this CSS: selector { position: absolute; width: 100%; top: 0px; } * In the HEADER section, this: selector { position: absolute; width: 100%; top: 50px; } * That “top: 50px;” is completely ignored by your instruction: * .header { top: inherit! important; …. * present in the file she-header-style.css. * I can only overwrite it if I change the original file, but that will result in the change being lost the next time you do an update. * It wasn’t there before, so I don’t know why you entered it now. However, can you fix the problem by removing that “! Important” statement? * Thank you. Viewing 12 replies - 1 through 12 (of 12 total) * Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/) * (@rwattner) * [3 years, 6 months ago](https://wordpress.org/support/topic/css-conflict-39/#post-16126861) * Hi, I’ll look into this and release an update as soon as I can. It will most likely be tomorrow. Thanks for letting me know about this. * Thread Starter [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 6 months ago](https://wordpress.org/support/topic/css-conflict-39/#post-16132141) * Hello, thanks for your support. Anyway, any news? * Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/) * (@rwattner) * [3 years, 6 months ago](https://wordpress.org/support/topic/css-conflict-39/#post-16132313) * You’re welcome! Yes, I’m fixing this and another issue with 1 update. I appreciate your patience. I believe I have the code ready, just need to test more. The update will most likely be later today. * Thread Starter [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 6 months ago](https://wordpress.org/support/topic/css-conflict-39/#post-16134414) * Ok, perfect and thanks! * Thread Starter [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16588388) * Hello, * with the new version, I have the same old problem!!! * Please fix forever this bug!! * Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/) * (@rwattner) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16588466) * The top:inherit !important was removed. The plugin doesn’t specify the top attribute at all. Did you clear cache? Do you have a link? * Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/) * (@rwattner) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16588973) * I’ve successfully created the layout you described on this test page * [https://testing.stickyheadereffects.com/container-header-testing](https://testing.stickyheadereffects.com/container-header-testing) * No code was necessary. I simply set the lower section to sticky > top. There is a top offset setting also if needed. * I’m sorry this has been an issue for so long. I’d really like to help solve this for you. * Thread Starter [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16589057) * I do not know what to say. On all sites, now nothing works anymore. * I also tried to remove the TOP content which should disappear but I always have problems related to the background and a series of JS errors that I am attaching. * ```wp-block-code Uncaught ReferenceError: blur_bg is not definedat she-header.js:418:8at dispatch (jquery.min.js:2:43064)at y.handle (jquery.min.js:2:41048)76she-header.js:353 Uncaught ReferenceError: width_l is not definedat she-header.js:353:35at dispatch (jquery.min.js:2:43064)at y.handle (jquery.min.js:2:41048)5she-header.js:418 Uncaught ReferenceError: blur_bg is not definedat she-header.js:418:8at dispatch (jquery.min.js:2:43064)at y.handle (jquery.min.js:2:41048)53she-header.js:353 Uncaught ReferenceError: width_l is not definedat she-header.js:353:35at dispatch (jquery.min.js:2:43064)at y.handle (jquery.min.js:2:41048)2she-header.js:418 Uncaught ReferenceError: blur_bg is not definedat she-header.js:418:8at dispatch (jquery.min.js:2:43064)at y.handle (jquery.min.js:2:41048)4she-header.js:418 Uncaught ReferenceError: blur_bg is not definedat she-header.js:418:8at dispatch (jquery.min.js:2:43064)at y.handle (jquery.min.js:2:41048) ``` * Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/) * (@rwattner) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16589085) * The main js file didn’t transfer correctly with 1.6. The new 1.6.1 update fixed all of that. If it’s still showing then it’s a caching. Can you flush cache onyour site and server? * Plugin Contributor [Robert Wattner](https://wordpress.org/support/users/rwattner/) * (@rwattner) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16589142) * You can view the console on this page * [https://testing.stickyheadereffects.com/container-header-testing](https://testing.stickyheadereffects.com/container-header-testing) * It’s running current elementor , elementor pro, hello theme, wp 6.1.1. I’m not getting any console errors. * Thread Starter [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16589363) * Plugin updated to the latest version, cache cleared both on client and server side. * Thread Starter [GPWeM](https://wordpress.org/support/users/ligend/) * (@ligend) * [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16589375) * Also, I’ve set the header to be transparent but with a background color when scrolling the page. * S mobile doesn’t work, always leave the header transparent. Viewing 12 replies - 1 through 12 (of 12 total) The topic ‘CSS conflict’ is closed to new replies. * ![](https://ps.w.org/sticky-header-effects-for-elementor/assets/icon-256x256. gif?rev=3301413) * [Sticky Header Effects for Elementor](https://wordpress.org/plugins/sticky-header-effects-for-elementor/) * [Frequently Asked Questions](https://wordpress.org/plugins/sticky-header-effects-for-elementor/#faq) * [Support Threads](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/) * [Active Topics](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/unresolved/) * [Reviews](https://wordpress.org/support/plugin/sticky-header-effects-for-elementor/reviews/) ## Tags * [conflict](https://wordpress.org/support/topic-tag/conflict/) * [css](https://wordpress.org/support/topic-tag/css/) * [header](https://wordpress.org/support/topic-tag/header/) * 16 replies * 2 participants * Last reply from: [GPWeM](https://wordpress.org/support/users/ligend/) * Last activity: [3 years, 1 month ago](https://wordpress.org/support/topic/css-conflict-39/#post-16589375) * Status: not resolved