Change banner position to relative. If you still want to have the banner scroll with you, in .simple-banner-scrolling section of Simple Banner Custom CSS put:
position: fixed;
and in Website Custom CSS put:
.edgtf-sticky-header {
top: 47px;
}
Hi!
I’m sorry it’s not working when it’s scrolling, it still covers the header.
Could you help?
Thank you
For some reason your Website Custom CSS isn’t being added to the page. I’m looking into this.
Hi, ok thank you for your help! 🙂
Wait for your update.
Hi @violakanka
While i’m investigating this you can put the following in the .simple-banner-scrolling section:
position: fixed;
}
.edgtf-sticky-header {
top: 47px;
I’ll let you know when i’ve fixed this issue in this thread.
Additionally, i’ve just updated the plugin to version 2.9.1, it won’t fix your issue but it will give me additional information about your issue. Please install it and i should be able to fix your bug tonight.
HI, I have updated the plugin.
Unfortunately your last comment doesn’t solve the issue and the header is still covered 🙁
Hi @violakanka You entered in the simple-banner-scrolling section wrong. Remove everything in there and put this exact snippet:
position: fixed;} .edgtf-sticky-header { top: 47px;
-
This reply was modified 5 years, 6 months ago by
rpetersen29.
Could you also put in Website Custom Javascript:
console.log("test");
Done, now I don’t see the banner at all
🙁
ah no it’s there but nothing changed
Sorry, that was my bad, change that snippet to:
position: fixed;} .edgtf-sticky-header.header-appear { top: 47px;
Do you have any Javascript and/or CSS optimization plugins? I have a feeling the Website Custom settings are being swallowed up by another plugin.
still the same 🙁
No I don’t have any plugin, i use cloudflare
