Jmontison Posted September 24, 2023 Share Posted September 24, 2023 Hello! I want my announcement bar NOT to be sticky with the header when scrolling (on all pages). I'd like it to stay in place, even though the header is fixed on scroll, on mobile. Also... it would be amazing to make the header (and announcement bar) not sticky anywhere on the desktop version!!! How can I do this? Any help is appreciated! Thank you! website: www.thefolkpath.com password: go Link to comment
tuanphan Posted September 27, 2023 Share Posted September 27, 2023 To remove announcement bar when scrolling, add this to Website > Website Tools > Custom CSS header#header.shrink .sqs-announcement-bar-dropzone { display: none !important; } This should work on both desktop + mobile daniellenoakes 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
daniellenoakes Posted December 5, 2023 Share Posted December 5, 2023 On 9/27/2023 at 10:10 AM, tuanphan said: To remove announcement bar when scrolling, add this to Website > Website Tools > Custom CSS header#header.shrink .sqs-announcement-bar-dropzone { display: none !important; } This should work on both desktop + mobile the transition on that is really janky, is there a way to smooth it? Link to comment
tuanphan Posted December 7, 2023 Share Posted December 7, 2023 On 12/6/2023 at 12:14 AM, daniellenoakes said: the transition on that is really janky, is there a way to smooth it? Try this code header#header.shrink .sqs-announcement-bar-dropzone { display: none !important; transition: all 0.3s; } header#header { transition: all 0.3s; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
daniellenoakes Posted December 7, 2023 Share Posted December 7, 2023 9 minutes ago, tuanphan said: Try this code header#header.shrink .sqs-announcement-bar-dropzone { display: none !important; transition: all 0.3s; } header#header { transition: all 0.3s; } no luck! i tried that with: transition: ease out 0.3s; but didn't work either Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment