Lian Posted September 16 Share Posted September 16 Site URL: https://braceforimpact.squarespace.com/new-home Hi @tuanphan, I found this code from you to add a floating button to my site: https://braceforimpact.squarespace.com/new-home PW: Braceforimpact12 <a href="https://braceforimpact.squarespace.com/contact" class="tp-button">Get in touch</a> <style> a.tp-button { background-color: #F95203 !important; font: 15px; font-family: 'larken', sans-serif; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: .04rem; color: white !important; padding: 10px 30px; position: fixed; bottom: 0px; right: 20px; z-index: 9999 } </style> And I've also created a hamburger menu for desktop. Is there any way to place the "get in touch" button under the menu when its open? Link to comment
Lian Posted September 17 Author Share Posted September 17 @Ziggy do you know a solution for to place the "get in touch" button under the menu when its open? Link to comment
Ziggy Posted September 17 Share Posted September 17 1 hour ago, Lian said: @Ziggy do you know a solution for to place the "get in touch" button under the menu when its open? I'm not sure where you want this to go? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted September 17 Author Share Posted September 17 @Ziggy when you go to full screenmode and click on "menu" Than I don't want to show the "get in touch" button. Do you understand me? Link to comment
sorca_marian Posted September 17 Share Posted September 17 Hi @Lian, You should be able to add that button without custom code, through the menu editor and it will appear in the menu Ziggy 1 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design 📅 Notion alternative 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
Ziggy Posted September 17 Share Posted September 17 56 minutes ago, sorca_marian said: You should be able to add that button without custom code, through the menu editor and it will appear in the menu I agree, that's in the mobile menu, you can also adjust the z-index so your custom button appears under the menu background. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Lian Posted September 17 Author Share Posted September 17 @sorca_marian I'm not sure if we mean the same. I don't want it to appear in the menu. Its stays fixt at the bottom of the page. And I tryed to play with the z index but whithout succeeding ;-). So is there a way I can do this in the way you say? Link to comment
sorca_marian Posted September 17 Share Posted September 17 I will prepare a code tomorrow if you don’t get an answer by then 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design 📅 Notion alternative 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
Solution sorca_marian Posted September 18 Solution Share Posted September 18 Something like this? The CSS - only when the menu is open body:has(header[data-section-theme="bright"]) .tp-button { right : 50%; translate: 50% 0; font-size: 30px; } @media (max-width : 767px) { body:has(header[data-section-theme="bright"]) .tp-button { font-size : 16px; } } tuanphan 1 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design 📅 Notion alternative 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn Link to comment
Lian Posted September 20 Author Share Posted September 20 @sorca_marian haha no thats not what I meant. I didnt want to show the button at all with the menu open. But I succeeded to customize your code and now it does what I want. Thank you sorca_marian 1 Link to comment
sorca_marian Posted September 20 Share Posted September 20 Awesome! 👨🔧👨💻 Squarespace plugins 🙋♂️ Squarespace Custom Web Development & Design 📅 Notion alternative 📹 Squarespace Tutorials for free - YouTube📹 💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years 🙋♂️ Let's connect on LinkedIn 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