Site URL: http://katiecaftravel.com
Hi all, when my site is on tablet/phone size the nav bar compresses to a hamburger icon that needs to be clicked to open - problem is it's only working on half the pages!
SQ SP help doesn't want to help because I have custom code on my site - I have a custom code side bar I bought from SQ SP Themes https://www.sqspthemes.com/plugins/sidebar-plugin
That I thought could be the problem but pages where I have the side bar still have the hamburger working - it seems like a random issue.
like it's not working on this page
https://www.katiecaftravel.com/indonesia
but it's working on this page
https://www.katiecaftravel.com/travel-diaries
_________________________________________________________________________________
EDIT: The problem is 100% the SQSP THEMES sidebar. I took two identical pages and removed the sidebar from the head code on one and it fixed the issue.
Without sidebar: https://www.katiecaftravel.com/indonesia
with sidebar: https://www.katiecaftravel.com/mexico
So... I mean what to do now? I bought this sidebar for $60 because it was made especially for Squarespace, but it's disabling my hamburger nav on all the pages I put it on (except blog pages, randomly) - Squarespace can't help because it's a custom code issue.
Anyone know any quick fixes for this? this is the code I inject into the header:
<!-- Plugin Sidebar -->
<link href="/s/plugin-sidebar.css" rel="stylesheet">
<script src="/s/plugin-sidebar.js"></script>
<script>pluginSidebar({"url":"sidebar","allowedPages":"*"});</script>
<!-- end Plugin Sidebar -->