grembat 0 Share Posted February 22 Site URL: https://www.edtech-consultants.com/ Having an issue. I injected this widget script into the site footer, but after doing so the navigation menu on mobile is completely non-functional: Code in footer: <!-- Calendly badge widget begin --> <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script> <script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/edtechmark', text: 'Schedule a free consultation', color: '#00a2ff', textColor: '#ffffff', branding: true }); }</script> <!-- Calendly badge widget end --> I tried putting this code in the header and prefooter as well, but the same problem occurs. Does anyone have a fix? Link to post
1 tuanphan 9,525 Solution Share Posted February 28 Hi. Add this to Design > Custom CSS /* fix mobile calendy */ @media screen and (max-width:640px) { #sidecarNav { z-index: 100000 !important; } } grembat 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
grembat 0
Site URL: https://www.edtech-consultants.com/
Having an issue. I injected this widget script into the site footer, but after doing so the navigation menu on mobile is completely non-functional:
Code in footer:
<!-- Calendly badge widget begin -->
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
<script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.com/edtechmark', text: 'Schedule a free consultation', color: '#00a2ff', textColor: '#ffffff', branding: true }); }</script>
<!-- Calendly badge widget end -->
I tried putting this code in the header and prefooter as well, but the same problem occurs. Does anyone have a fix?
Link to post
Top Posters For This Question
2
1
Popular Days
Feb 22
1
Feb 28
1
Mar 7
1
Top Posters For This Question
grembat 2 posts
tuanphan 1 post
Popular Days
Feb 22 2021
1 post
Feb 28 2021
1 post
Mar 7 2021
1 post
Popular Posts
tuanphan
Hi. Add this to Design > Custom CSS /* fix mobile calendy */ @media screen and (max-width:640px) { #sidecarNav { z-index: 100000 !important; } }
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment