Sticky Buttons

UX Shortcode:

[copy]
[/copy]

Css Code:

/* Bottom Footer Button */

.sticky-footer-button {
position: fixed;
width: fit-content;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
z-index: 1;
border-radius: 0px!important;
margin-bottom: 0em;
}

@media (min-width: 849px) {
.sticky-footer-button {
font-size:120%;
}
}

.sticky-whatsapp {
border-radius: 5px 0 0 5px;
color:#000;
}

.sticky-phone {
border-radius: 0 0 0 0;
padding: 0 10px;
}

.sticky-zoek {
border-radius: 0 5px 5px 0;
color:#000;
}

.sticky-buttons {
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
-webkit-box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
box-shadow: 0px -8px 29px -12px rgba(0,0,0,0.2);
}

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.