Coder Wrap provides free to use snippets Coder Wrap provides free to use snippets

Back to HTML
Preview Source Code
Download
HTML
CSS
	/**Typeo CSS Start**/
  @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
  * {
  box-sizing: border-box;
  }
  body {
  font-family: "Poppins", sans-serif;
  color: #444;
  box-sizing: border-box;
  margin: 0px;
  }
 
  /**Typeo CSS End**/
	/**Options start**/
.cookiebar {position: fixed;background-color:#fff;
	bottom: 0px;
	left: 0px;
	width: 100%;
	border-top: 1px solid #ededed;
	padding: 10px;
	box-shadow: #f5f5f5 0px -5px 5px;}
	.cookiebar .cookie-close {     color: #18721f;
	cursor: pointer;
	font-size: 30px;
	line-height: 1.2;
	position: absolute;
	right: 15px;
	top: 10px;}
	.cookie-cont {width: 100%; max-width: 1100px; margin: auto;padding-right: 30px;}
	.cookiebar p {margin: 0px;}
	/**Options end**/
JS
/*-------START SET COOKIE BANNER--------*/
const banner_visibility = localStorage.getItem("cookiebar");
const bannerClose = document.querySelector('.cookie-close');
if (banner_visibility === "closed") {
	stickyBannerClose();
}
function stickyBannerClose (){
const cookieBar = document.querySelector('.cookiebar');
	cookieBar.remove();
	localStorage.setItem("cookiebar", "closed");
}
bannerClose.addEventListener('click', stickyBannerClose); 
/*-------START GET COOKIE BANNER--------*/

Related Snippets

Leave a comment

Your email address will not be published. Required fields are marked *