Search the Community
Showing results for tags 'sidebar'.
-
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? -
Sidebar Folder Collapse Issue in Wells, Squarespace 7.0
DariaNiko posted a question in Coding and Customization
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 -
How to create a show/hide button for sidebar using toggle?
empierce posted a question in Coding and Customization
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- -
Is it possible to hide the nav bar on the wells template?
tambourina posted a question in Coding and Customization
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! -
Adding CSS to reduce sidebar width in Bedford 7.0
iandinwiddy posted a question in Coding and Customization
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 -
7.1 scrolling sidebar IN ADDITION to sticky header
emyemilyyy posted a question in Coding and Customization
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!- 1 reply
-
- 1
-
-
- css
- custom-css
- (and 2 more)
-
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.- 3 replies
-
- 1
-
-
- sidebar
- bedford-template
- (and 1 more)
-
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
- 1 reply
-
- 1
-
-
- sidebar
- navigation
- (and 1 more)
-
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
-
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? -
Side bar or secondary nav to anchor links on one page only
Adaptive posted a question in Coding and Customization
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 everyt
-
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!
-
Site URL: https://www.anqi-wu.com/ Hello! For some reason I am having issues with figuring out how to fix this layout problem on my webpage. The newsletter block and my social links are overlapping on top of each other. Is there some sort of custom CSS code I can input to fix it? As well, an additional small minor issues if anyone knows how to fix, the spacing within my newsletter block is a bit off. I'd like for there to be less space between the text and the email input box if that is something that can be adjusted? The current template I am using for my webpage is Wells. I also -
Adding a sticky side social media bar on Tudor template?
EbonyW posted a question in Coding and Customization
Site URL: https://polygon-eagle-lpf8.squarespace.com/config/design/styles I'm switching my blog from Wix to Squarespace, but I'm having a hard time customizing the homepage so that it replicates the current site. My main question is if it's possible to add a sticky social media bar like the one here: coze.online ? -
Site URL: https://mandolin-chipmunk-lrmk.squarespace.com/articles/carter-smith Hey all, I've got a problem that's keeping our website from rolling out. I'm using the Squarespace Sidebar Plug-in on the 7.1 template, which initially caused the images in blog posts to be pushed far outside of the image wrapper. I got a fix for that which is below: .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .image-block-wrapper img { left: 0; } However, that fix causes images which are stretched to not show correctly. As you can see on the third and last images on the page, -
How to code a sticky sidebar into Squarespace 7.1
dudecctv posted a question in Coding and Customization
Site URL: https://howtousepsychedelics.com Hi, I would like to have a sidebar as seen on this website: https://coopcreator.ca/resource/business-model-comparison/. I would like the sidebar on only some pages... the pages with sidebars (see: https://howtousepsychedelics.com/preparation). How do I add a sticky sidebar to pages on 7.1? Thanks -
Hello, I would like to have a vertical menu instead of the top horizontal menu header, just like on the example bellow: Is there any way I can do it? Thank you! -
How to apply text styles on a JavaScript Code?
joaop2020 posted a question in Coding and Customization
Hello, I am using SquareSpace 7.1, and I wanted to have two vertical menu as you can see bellow: The left side menu in yellow I used CSS coding to place my navigation like that, which I can change the text color to different pages background. To create the 2nd vertical menu, I have followed the steps from this blog: https://ryandejaegher.com/add-fixed-vertical-navigation-to-squarespace/ Which tells me to Code Inject a JavaScript with #link to the pages, as you can see bellow: But now I want to apply styles to the text on the left side menu, s -
CSS HELP — Two 50% wide cols with sticky left col
MatthewTDC posted a question in Coding and Customization
Site URL: https://www.thedesignconference.com.au/best-agency-application Hey there gang. Im trying to use the SQSP code component to create a website section featuring two 50% wide columns. The left column features a h2 header, with the right column featuring four paragraphs of text. My goal is to use 'position: sticky' on the h2 header in the left column, to pin the h2 to the top of the browser while the user scroll through the section. — — — — — — — — — — — My CSS — — — — — — — — — — — .orb-questions-wrapper { display: flex; background-color: #FFF; -
Site URL: https://www.parkbrewing.company/products-attack-the-block I have four store pages, I call them "Collections:" Collection: Attack-the-Block Collection: Park Brewing Collection: Sask Rec. Collection: Dub-Dub! The issue I am having is when you are on one store page for example "Collection: Attack-the-Block". There is no navigation ability to switch between store pages. I would like to access the other three store pages "Collection: Park Brewing" etc. for example. I have done a number of edits to the {products.collection-content-wrapper .nes
