katie0000

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

@madisonree did this continue to work for you? it worked for me originally but then with every loop the quality degraded

@tuanphan, what if we wanted to remove the overlay already present on a single image in an index?

Site URL: http://katiecaftravel.com hi all - I added a vertical line via custom code to divide my page: /* Vertical Line */ .vertical-line { height: 5000px; /* line height */ width: .1px; /* line width */ background: #D3D3D3; /*line colour*/ margin-right: 0px; margin-left: 40px; top: 0px; bottom: 0px; } and I want it to disappear on mobile because it's just this huge line at the end of the scroll on mobile currently, so I used this: @media screen and (max-width:640px) { section[data-section-id=“#block-yui_3_17_2_1_1629838726812_40395.”] { display: none;} } this is the block code information: <div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1629838726812_40395"><div class="sqs-block-content" id="yui_3_17_2_1_1629848011465_993"><div class="vertical-line" id="yui_3_17_2_1_1629848011465_1073"></div></div></div> and it does nothing! at my wit's end here haha. any help appreciated