CSS conflict

GPWeM
(@ligend)

3 years, 6 months ago

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
(@rwattner)

3 years, 6 months ago

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
(@ligend)

3 years, 6 months ago

Hello, thanks for your support.
Anyway, any news?

Plugin Contributor Robert Wattner
(@rwattner)

3 years, 6 months ago

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
(@ligend)

3 years, 6 months ago

Ok, perfect and thanks!

Thread Starter GPWeM
(@ligend)

3 years, 1 month ago

Hello,

with the new version, I have the same old problem!!!

Please fix forever this bug!!

Plugin Contributor Robert Wattner
(@rwattner)

3 years, 1 month ago

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
(@rwattner)

3 years, 1 month ago

I’ve successfully created the layout you described on this test page

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
(@ligend)

3 years, 1 month ago
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.
```
Uncaught ReferenceError: blur_bg is not defined
at she-header.js:418:8
at dispatch (jquery.min.js:2:43064)
at y.handle (jquery.min.js:2:41048)
76she-header.js:353 Uncaught ReferenceError: width_l is not defined
at she-header.js:353:35
at dispatch (jquery.min.js:2:43064)
at y.handle (jquery.min.js:2:41048)
5she-header.js:418 Uncaught ReferenceError: blur_bg is not defined
at she-header.js:418:8
at dispatch (jquery.min.js:2:43064)
at y.handle (jquery.min.js:2:41048)
53she-header.js:353 Uncaught ReferenceError: width_l is not defined
at she-header.js:353:35
at dispatch (jquery.min.js:2:43064)
at y.handle (jquery.min.js:2:41048)
2she-header.js:418 Uncaught ReferenceError: blur_bg is not defined
at she-header.js:418:8
at dispatch (jquery.min.js:2:43064)
at y.handle (jquery.min.js:2:41048)
4she-header.js:418 Uncaught ReferenceError: blur_bg is not defined
at she-header.js:418:8
at dispatch (jquery.min.js:2:43064)
at y.handle (jquery.min.js:2:41048)
```
Plugin Contributor Robert Wattner
(@rwattner)

3 years, 1 month ago

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
(@rwattner)

3 years, 1 month ago

You can view the console on this page

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
(@ligend)

3 years, 1 month ago

Plugin updated to the latest version, cache cleared both on client and server side.

Thread Starter GPWeM
(@ligend)

3 years, 1 month ago

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.

Tags