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
tuanphan Posted February 28, 2021 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; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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
Archived
This topic is now archived and is closed to further replies.