1 reply · opened Dec 4, 2022
I have added the top notifications to my html website and happy with but when you click the cross ( to stop preview} it works but it still shows on other pages.
How do I display so as soon as they click the "x" that it doesn't show on other pages?
Hello,
This is Definitely Possible but the JS Codes will need some customizations. Consider using the following code instead replacing the Old JS Codes that handles this:
[ch_pre type="js"]// Topbar Hide
jQuery(window).on('pluginCookieReady', function(){
if( Cookies.get('topBarClosed') == 'yes' ) {
jQuery('#top-bar').hide();
}
});
jQuery('#top-bar').on('click','#close-bar',function(){
jQuery(this).parents('#top-bar').slideUp(300, function(){
Cookies.set('topBarClosed', 'yes', { expires: 14 });
});
jQuery('body').css('padding-top',0);
});[/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard