Show notification bar 1 time per visit

How to?

  1. Create section and don’t forget to add specific CSS ID
  2. Add the CSS & JS below to header and footer

CSS:

				
					/* put bar to the top and hide it by default */
.notibar {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    display: none;
}

JS:

				
					    jQuery(function ($) {
        var isshow = localStorage.getItem("isshow");
        if (isshow == null) {
            localStorage.setItem("isshow", 1);
            $("#hiddenNotibar").show();
        }
        $("#noti-close").on("click", function (e) {
            $("#hiddenNotibar").slideUp();
        });
    });

Example:

This bar will show only one time until browser clear LocalStorage