CSS conflict

  • 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)

    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)

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

    Plugin Contributor Robert Wattner

    (@rwattner)

    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)

    Ok, perfect and thanks!

    Thread Starter GPWeM

    (@ligend)

    Hello,

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

    Please fix forever this bug!!

    Plugin Contributor Robert Wattner

    (@rwattner)

    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)

    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)

    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)

    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)

    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)

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

    Thread Starter GPWeM

    (@ligend)

    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.