Jump to content

Hamburger Nav Not working on Half of my pages - Bedford Template/ SQSP Themes custom sidebar added

Recommended Posts

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 -->

Edited by katie0000
Link to comment
  • katie0000 changed the title to Hamburger Nav Not working on Half of my pages - Bedford Template/ SQSP Themes custom sidebar added
  • Replies 3
  • Views 351
  • Created
  • Last Reply

Top Posters In This Topic

  • 3 months later...
On 12/30/2021 at 4:49 AM, stephanieech said:

I'm having the same issue.

 

This is what is in my site header (via Code Injection)

 

<!-- Plugin Sidebar -->
<link href="/s/plugin-sidebar.css" rel="stylesheet">
<script src="/s/plugin-sidebar.js"></script>
<script>pluginSidebar();</script>
<!-- end Plugin Sidebar -->

I remember my friend had the same problem, and then contacted sqspthemes, and they sent the code to fix this

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

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.