Search the Community

Hi All, Not sure if anyone else has achieved a similar effect for a sidebar. Is there any way to code a sticky sidebar so that it starts and stops as I have indicated below? This will be for all blog posts within one specific blog. I have seen it on two other websites though I think they must be using wordpress. Happy to also be told that this is not something that can be achieved in Squarespace. Ther's body content inbetween and then stopping just above the <hr> near the bottom of the page. Cheers!

Site URL: https://www.bluebirdfoundationinc.org.au Hello, I am setting up a new Members Area on my website (Bedford template). The pages in the members area appear with a Sidebar Navigation panel (as though they are within a folder). Can I use custom code to remove the Sidebar Navigation panel on certain pages only? (see attached screenshot)Thanks for any help you can offer!

Site URL: https://www.bluebirdfoundationinc.org.au I am trying to replicate pages from my main site in a Member Area. It seems as thought the whole Member Area operates as if it is a folder. I would like to use the Sidebar Folder navigation for this page but I DON'T want to show every page in the Members Area. Is there a way to use custom code to remove the first five pages from the Sidebar navigation? The page is https://www.bluebirdfoundationinc.org.au/aboutsinginglinks-l1-copy You can log in to the Members Area using: email = bronlawson@bluebirdfoundationinc.org.au password = pleasehelp You can compare it with virtually the same page content that I am trying to replicate on the main site at https://www.bluebirdfoundationinc.org.au/aboutsinginglinks-l1 (password = Sing1) Any help would be very much appreciated!!

hi I want that on my iPhone the sidebar text (menu) will be aligned to the center, and on my computer that it will be aligned to the left. Every time I change it on one device it changes also on the other. can I separate the two?

Does 7.1 support sidebar navigation like the Wells template. If not, is there custom css code?

Site URL: https://peterdo.net/collections/shop Hi, Is there a way of creating the main navigation menu on the side like peterdo.net ? Very minimalistic... mine are just across the top currently which I hate because it looks too busy. Also would love to know how to make product items bigger like the photo. Thanks for any help 😇 Lauryn

Site URL: http://www.mrmedical.com.au I have three blogs on my website. The problem when I enable the search box was they pull posts from all the three blogs. Then I did something with the code I found on Bradgood website (he's excellent by the way) - 2 of the sidebars disappeared and I don't know how to make them visible again. I tried to hide, then move to left then right in Design but they still did not appear. What can I do?

squarespace 7.1 does not support sidebars so adding text boxes with navigation links, but this is problematic due to stacking issues on mobile and other spacing problems. Is there a custom css or other method I can use to add side bars to select pages? Thanks.

Site URL: https://mycolourstylist.co.uk Hi. I'd like to add a sidebar to the default products page that contains a list of categories for those products. Any suggestions on how this can be done? Thanks

Site URL: https://screenworx.squarespace.com/ Password: studio@screenworx Hello Im trying to get this Codepen https://codepen.io/plavookac/pen/qomrMw to work...but I think im missing a few steps. I have placed the HTML in the Advance>Code Injection (header) and the CSS in the Design>Custom CSS. I would also like to take out the "PURE CSS SIDEBAR TOGGLE MENU" banner.

I have two blogs on my Skye site. I have a sidebar that is set up for one blog, but the information isn't relevant to the second. Is there a way I can replace the sidebar on just this second blog? Or replace the content? Thanks -Lisa

Site URL: https://chiickenk.com/ I'm using the Wells template, where the sidebar content is aligned to the top left, and subnavigation elements open downwards. Is there a way to align the sidebar content to the bottom and have it open upwards? I made quick mockups as to how I want it to look, attached here. Thanks!

Hi there, I was wondering if it is possible to create a navigation bar at the side of a page based on the headers in that page? Something like this is what I'm looking to do:

Site URL: https://www.travelsandtreasures.com/home/no-need-for-the-hotel-pool-in-cinque-terre Hi!, I am trying to add a line for this side bar (which is a blog summary page added to one of the main blog posts). For the main blog configuration, I added this code in Post Blog Item Code Injection: <style>.sqs-block-summary-v2 {border-left:2px solid #ffffff} }</style> I also tried adding it to the blog summary Post Blog Item Code Injection. The sidebar does not show and I can't figure out why? Any idea or can you point me in the right direction. Thank you!

Site URL: https://www.wonderlass.com/blog/episode82 Hey there! 😊 Does anyone know of a way to add CODE to the BRINE template in order to add a sidebar to the blog posts? After lots of research, the only workaround that I found was creating a separate "blog" in the "not linked" section, putting the sidebar info + images in that blog and then adding it as a summary > wall block to each individual blog post. While this looks great on the desktop version, (for example: https://www.wonderlass.com/blog/episode82) it looks horrible on the mobile version since the sidebar shows up right smack dab in the middle of the blog pots. 😬 If anyone knows how to add a sidebar to BRINE, OR how to hide a block on the mobile version of a site only, that would be AMAZING!

Hi I know i can add in a manual sidebar using spacers in my blogposts (using the Rally template). Is there css code to enable me to add this sidebar into every blog post page on my site? If not, I have to do it manually every time.

Hello, Every time I make a new page on my site, I have to go and delete to side bar. I know how to do this. What I want to know is: Is there a setting that makes it so a sidebar won't be created whenever I make a new page? The template is "Five" Thank you very much. Side question: How can I make text bigger inside a poster style image?

Site URL: https://denim-avocado-ex87.squarespace.com/ Hi all, when I open the website, I click on a folder to expand the menu and open a page within a folder, and then i have to CLICK twice, to collapse the same/active folder. 1) Could this be fixed? 2) Could I also make folder to auto-collapse when a different folder expands..for some reason sometimes it does auto-collapse, and sometimes it just doesn't? Thanks in advance. https://denim-avocado-ex87.squarespace.com/ pass: Josephine2021 865302814_ScreenRecording2021-04-05at10_42_22.mov

Site URL: https://www.elizabeth-pierce.com/meal-plan-app Hi all, I've created a sidebar using a plugin and I'm looking for a way to be able to show or hide it upon clicking a button. I found a way to show more or less using code I found on this forum, however, because my sidebar was created using a separate page, the show more/show less buttons only work for the 'sidebar' page and not the 'meal plan app.' page it was made for. Here is the code I tried (from this thread: https://forum.squarespace.com/topic/49530-how-do-i-create-hideshow-section-of-an-entire-page-of-text-images-and-or-galleries-in-squarespace-spoiler-functionaccordiancollapse/): <script> /* This script is a custom script to control the 'show' / 'hide' extra feature. To use: give each button you want to make an expander an href of "expand-3", if you want it to expand / collapse the next 3 blocks. Make sure to make each button say 'Show More' as its default text. */ var SHOW_MORE = 'Show More' var COLLAPSE = 'Show Less' $(window).load(function(){ // prepares all buttons by wrapping the correct # of following divs into a div with class 'extra_gallery' $('a[href^="#expand"]').each(function(){ // parse # of sibling elements to wrap from href attribute and then wrap them. var n = parseInt($(this).attr('href').split('-')[1]); var next_n_divs = $(this).parents('div.sqs-block').nextAll().slice(0,n) // this is the line that is different. we use display:none; on the DOM element that wraps the additional gallery. next_n_divs.wrapAll('<div class="extra-gallery" style="display:none;"></div>'); /* // preload_images next_n_divs.find('img').each(function(){ image = new Image(); image.src = $(this).attr('data-src')+'?format=500w'; console.log($(this).attr('data-src')); }); // control for click behavior */ $(this).click(function(){ var target_gallery = $(this).parents('div.sqs-block').next('div.extra-gallery') if (target_gallery.is(':visible')){ $(this).text(SHOW_MORE); } else { $(this).text(COLLAPSE); } target_gallery.slideToggle(); return false; }); }); }); </script>

Hi, Is it possible to delete/hide the nav bar section on the wells template? I just want to get ride of the white space as I don't have any links there. Thanks!

Hi there, I'd like to reduce the gap between the headings and body of text in the folder sidebar. Does anyone know the CSS code for that? Plus I'd like to lock the sidebar content so that it's on screen when I scroll down. Many thanks Ian

Not a live site yet, but I'd like to create a sidebar that stays on the left as you scroll down the page (Background, Problem, Solution, Process, etc.) in addition to the existing sticky header navigation (About, Work, Contact, etc) Is there any way to do this with custom CSS? I've attached an example. The scrolling sidebar should be DIFFERENT between each page. Thank you!

Site URL: https://www.bloomboxus.com/what-we-do How do I custom code to change the "+ plus icon" sidebar menu for mobile navigation? Having a label of the "+" would also help - I've tried exploring other ways to do so, but it's hard to find the answer and/or support I am seeking for.

Site URL: https://www.laurendenitzio.com I'm currently using the Wells theme in 7.0 and the mobile menu is terrible for my current navigation setup. I wanted to switch to 7.1 to have more options to customize the mobile nav, but I don't see any easy way to have a sidebar navigation like there is in Wells. Is it possible to do that without a lot of coding? I'm capable of doing that, but am pretty annoyed that I'm having to rebuild an entire site AND custom code a side nav just to get a mobile navigation display that's not awful. I basically just want to build a site using 7.1 that looks like my current site but with a mobile navigation that will collapse folders. Thank you! Any help would be much appreciated!

Site URL: https://qsolutionsgroup.squarespace.com/ Hi I need some help with my squarespace site, Im using Bedford, Anya and the password is "squarespace" On my site on each of the different services we have a wide range of different specific services down the sidebar navigation, I would like to be able to click on the top title which would link me to a page with content, not just link to the top page in that folder. Its not even showing the folder in the top title like it used to I dont know if I change a setting or what, also when im on my News page in the resources folder its not even showing the sidebar links? Very confused. Thank you if I could get some help that would be appreciated.