LucieGbt1993 Posted November 20 Posted November 20 (edited) Site URL: https://oriole-oarfish-95cc.squarespace.com/ Hi, I'm using a blurry/glass effect on my current header. How can I please apply the same effect to my dropdown menu's background please? Password : clublulu2024 Thanking you very much in advance Edited November 20 by LucieGbt1993
Solution Spark-Plugin Posted November 21 Solution Posted November 21 Hello @LucieGbt1993. You can achieve this by using the following code. Adjust the pixel value (px) to match your header background as needed: Navigate to Pages > Website Tools > Custom CSS. Paste the code into the CSS editor. Hit Save and you’re done .header-nav-folder-content { background: transparent !important; /* Sets the background to transparent */ -webkit-backdrop-filter: blur(4px); /* Applies a blur effect for Safari browsers */ backdrop-filter: blur(4px); /* Applies the blur effect for other modern browsers */ } Give it a try:) - Answered by Iuno from sparkplugin.com
LucieGbt1993 Posted November 22 Author Posted November 22 It's perfect thanks very much for your help ! I'm very grateful Spark-Plugin 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment