Bluemonque Posted October 10, 2022 Share Posted October 10, 2022 Site URL: https://www.lseven.nl Hi, I've this website for a restaurant. we're using a tool for reservations which is problem on the mobile version with the cookie banner: it's not always possible to click away the cookie banner because the reservation tool is visible on top of the cookie banner. Is there a way to change this? For example to put the cookie banner on top of the website? Thanks a million! Link to comment
Solution Ziggy Posted October 10, 2022 Solution Share Posted October 10, 2022 Hi, you can adjust the cookie banner globally in the settings like this: Bu if you want to just move it on mobile, you can try this Custom CSS: @media only screen and (max-width:640px) { .sqs-cookie-banner-v2 { top: 0 !important; bottom: auto !important; } } It's going to interfere with the header, but alternatively you could use this Custom CSS to move the cookie banner above the reservations: .sqs-cookie-banner-v2.LIGHT { z-index: 999999999999999 !important; } Hope that helps! Bluemonque 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Bluemonque Posted October 11, 2022 Author Share Posted October 11, 2022 On 10/10/2022 at 1:55 PM, Ziggy said: Hi, you can adjust the cookie banner globally in the settings like this: Bu if you want to just move it on mobile, you can try this Custom CSS: @media only screen and (max-width:640px) { .sqs-cookie-banner-v2 { top: 0 !important; bottom: auto !important; } } It's going to interfere with the header, but alternatively you could use this Custom CSS to move the cookie banner above the reservations: .sqs-cookie-banner-v2.LIGHT { z-index: 999999999999999 !important; } Hope that helps! Perfect! I've used for now the second one and works perfect. Thanks! Link to comment
Bluemonque Posted October 13, 2022 Author Share Posted October 13, 2022 Hi @Ziggy, In the beginning it looks like the code was working but unfortunately I have now other problems since I've added this code. (I've changed nothing else on the website) - Instead of the Logo in the left upper corner it shows the fallback image for the video - I've deleted the code and added the code again but unfortunately no changed. I really hope that you can help me out with this! thanks a lot! Link to comment
Bluemonque Posted October 13, 2022 Author Share Posted October 13, 2022 @Ziggy, See here what happens: Link to comment
Bluemonque Posted October 13, 2022 Author Share Posted October 13, 2022 Hola @Ziggy, I've also asked a local developer, I think the problem is already solved, so no worries to answer, thanks again for your help! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment