Search the Community

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

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.

Hi im trying to move title to a sidebar and keep navigation on top. I'm using Avenue template on 7.0. Do I have to switch to another template? In that case which one?

Site URL: https://armadillo-deer-rbyp.squarespace.com/why-collinson Hi guys This site is still work in progress but the client has just asked if I can add a side bar or secondary nav to this page https://armadillo-deer-rbyp.squarespace.com/why-collinson Password is: Garstang which would enable anchor links to the various "sections' within the page. Is this possible? Cheers

Site URL: https://bigwordsandmadeupstories.blogspot.com/2021/01/in-which-ruth-writes-novel.html Hello, I about to build a site for a new client who blogs a lot so there will be a lot of historical content. We would like to have all her old blogs detailed in a side bar (see link). I know sidebars are available on say Five, but does it or any other template allow us to do this? Thanks in advance. Jason

Site URL: https://www.caminodelvino.co.uk Any reason why the Ghosts sticky sidebar code isnt working on Store pages for Squarespace 7.1? Any guidance would be greatly appreciated https://www.ghostplugins.com/steps/sticky-product-category-sidebar-styles

Site URL: https://www.anqi-wu.com Hello! I am currently using the Wells template and really like the fixed sidebar navigation. However, for some reason the bottom part of my sidebar is cut off on the screen. The social link icons which are suppose to be at the bottom of the navigation aren't showing. Example below: The only way to get it to show is when I resize my Chrome browser to 80%. Example: Is there a custom css code available to auto resize my website so nothing is cut off, or to be able to just resize the sidebar navigation (20% smaller) so that I can get everything to show on screen. Thank you!

Site URL: https://dachshund-dory-ba76.squarespace.com I'm building a site which uses three different blogs for various purposes. We use the sidebar in two of those but not on the third. What custom CSS can I use to hide the sidebar on the individual posts for a single blog. An example post is here: https://dachshund-dory-ba76.squarespace.com/offerings-details/leading-purposeful-conversations Password for the website is 'kyoto2019'

Site URL: https://www.anqi-wu.com/ Hello, The hover on my social links doesn't seem to be working properly. When I hover over a social link, the other icons get greyed out versus the one which has the active hover. Is there some way to fix this issue using custom css? I'd like for the social icon button to turn grey when there is a cursor hovering over it, similar to how my other buttons are done. Right now it seems like it is doing the opposite. Thanks, -Anqi

Site URL: https://www.thepodcastinggroup.com The sidebar plugin is fine on all Index Pages (on the right side of the page), but appears to be centered with the rest of the page on every folder page. Any help is appreciated!