Blur Menu

for carrd

Want to save 30% on your carrd upgrade or next renewal?
Just use this link or enter code zh5w3h5y at checkout.You might also like:https://tooltip.carrd.co/https://visibility-control.carrd.co/https://crd95.carrd.co/

instructions

• Plus

• Minus

1. Copy code embed "blur-menu" from this template to your carrd. Set the embed to hidden, body-end.2. Create an icons element with class name "blur-menu-icon" and give it only one icon.3. Go to the one icon in your icons element and give it the On Click function of toggleMenu().4. Create a container element with class names "blur-menu-container" and "hidden".5. Style your container with an appropriate blur amount for your website.
Hint: Give the container a color background and then lower the color's opacity.Optional:
- If you want the blur-menu to close after clicking an icon or button give them the On Click function toggleMenu().more coming soon 😊Stuck? Reach out to me on telegram or by email.