Blog
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Quick links
Sign up for newsletter
Follow Us on:
Contact Information
- Phone: + 971521856514
- Email: info@kokoslayz.com
Copyright © 2025 kokoslayz
/* Overlay */
.custom-sidebar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
display: none;
z-index: 9998;
}
.custom-sidebar-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.4);
display: none;
z-index: 9998;
}
/* Sidebar */
.custom-sidebar {
position: fixed;
top: 0;
left: -280px;
width: 260px;
height: 100%;
background: #ffffff;
box-shadow: 5px 0 30px rgba(0,0,0,0.1);
padding: 40px 25px;
transition: 0.4s ease;
z-index: 9999;
font-family: 'Poppins', sans-serif;
}
.custom-sidebar.active {
left: 0;
}
.custom-sidebar h3 {
margin-bottom: 35px;
font-size: 22px;
font-weight: 600;
color: #ff4da6;
}
/* Menu List */
.custom-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.custom-sidebar ul li {
margin-bottom: 18px;
}
.custom-sidebar ul li a {
text-decoration: none;
font-size: 16px;
color: #000;
font-weight: 500;
transition: 0.3s ease;
}
.custom-sidebar ul li a:hover {
color: #ff4da6;
}
/* Close Button */
.close-sidebar {
position: absolute;
top: 15px;
right: 20px;
font-size: 22px;
cursor: pointer;
color: #000;
}
/* Toggle Button */
.sidebar-toggle {
font-size: 24px;
cursor: pointer;
color: #000;
}
function openSidebar() { document.getElementById("customSidebar").classList.add("active"); document.querySelector(".custom-sidebar-overlay").style.display = "block"; }
function closeSidebar() { document.getElementById("customSidebar").classList.remove("active"); document.querySelector(".custom-sidebar-overlay").style.display = "none"; }
