grembat Posted February 22, 2021 Share Posted February 22, 2021 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 comment
Solution tuanphan Posted February 28, 2021 Solution Share Posted February 28, 2021 Hi. Add this to Design > Custom CSS /* fix mobile calendy */ @media screen and (max-width:640px) { #sidecarNav { z-index: 100000 !important; } } grembat 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
grembat Posted March 7, 2021 Author Share Posted March 7, 2021 Hi tuanphan, thanks so much, that worked! 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