Neem contact met ons op
Heb je vragen, opmerkingen of wil je meer weten over de mogelijkheden die White te bieden heeft op jouw welzijnsreis?
Neem contact met ons op
Heb je vragen, opmerkingen of wil je meer weten over de mogelijkheden die White te bieden heeft op jouw welzijnsreis?
Adres
Einsteinstraat 30
1704RT Heerhugowaard
Contact
Social media
Typ hier tekst
Bij WhiteInnovate Solutions zijn we gedreven door een onwankelbaar geloof in de kracht van zuivere innovatie. Onze naam, doordrenkt van puurheid, weerspiegelt onze toewijding aan een transparante en heldere aanpak in het transformeren van bedrijven door middel van innovatie en technologische vooruitgang.
Meld je aan voor onze
Nieuwsbrief
Contact
Adres
Einsteinstraat 30
1704RT Heerhugowaard
Contact
Social media
Code
-
CSS
#c3834 {
position: fixed;
left: -100vw;
top: 35vh;
z-index: 3000 !important;
max-width: fit-content;
padding: 30px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
background: #007BFF;
color: white;
transition: left 0.5s ease;
}
#m4228 {
position: fixed;
top: 27vh;
left: 0vw;
padding: 18px;
cursor: pointer;
font-size: 26px;
border-radius: 0 25% 50% 0;
z-index: 3100;
background-color: #FA7318;
color: #fff;
}@media (max-width: 1024px) and (min-width: 768px) {
#c3834 {
left: -50vw;
padding: 20px !important;
}
}@media (max-width: 768px) {
#m4228 {
top: 14vh;
}
#c3834 {
left: -100vw;
top: 20vh;
padding: 20px !important;
font-size: 14px;
min-width: fit-content !important;
}
} -
JavaScript
<script>
document.addEventListener("DOMContentLoaded", function () {
const button = document.getElementById("m2376");
const menu = document.getElementById("c3955");if (button && menu) {
button.addEventListener("click", function (e) {
e.preventDefault();
if (menu.style.left === "0px") {
menu.style.left = "-100vw";
} else {
menu.style.left = "0";
}
});
} else {
console.log("Elementen niet gevonden");
}
});
</script>
Resultaat
