Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'sticky'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 17 results

  1. I'd like to add a sticky sidebar with anchor link navigation to one of the pages on my site, exactly like the "Navigate This Post" sidebar on this site: https://thirtyeightvisuals.com/blog/free-squarespace-plugins-meet-ghost#mgfsp-anchor-08 What's the best way to go about adding this?
  2. Site URL: https://dinosaur-fennel-sh5w.squarespace.com/ Does anyone know CSS that can make the top "section" of a page fixed for specific pages? I am essentially trying to create a secondary navigation on an individual page, but have that section / secondary nav fixed when scrolling. Below is a link to the page I'm trying to do it on. I would like the dates fixed (2020, 2019 etc) https://dinosaur-fennel-sh5w.squarespace.com/paintings-2007-2015-1 Password: 2020 Thank you!
  3. Site URL: http://collaborativeperformance.org Hi fellow Squarespace users 🙂 On our website we are currently using sticky navigation, so the navigation follows when scrolling on our page. I would really like to change that to a normal navigation that goes away when scrolling down, BUT that appears again when you, anywhere on the site, scroll back up just a tiny bit (not scroll all the way to the top). Unfortunately I haven't been able to google my way to a solution Does anyone know how to accomplish this? :-)
  4. Site URL: https://www.marlonbunday.co.uk Hi, I am working on a portfolio site using HAYDEN template but the sticky navigation header bar doesn't work on all pages, in particular pages contained within a folder structure, as on this URL: https://www.marlonbunday.co.uk/all-work It works on index pages (https://www.marlonbunday.co.uk/about) but I have no idea how to "force" it to appear on ALL pages. Any ideas or workarounds welcome 🙂 Thanks, stay safe out there... Marlon
  5. Site URL: https://bisourouen.squarespace.com/ Website Password: lachose hey there, I would like to know how to add a sticky menu to the Basil template with CSS/PHP Could you help me?
  6. Site URL: https://iamabbytaylor.com/ Hi there! I'd like to add a png element that is sticky in the bottom right corner of the screen at all times on desktop and tablet. For an example, I love how that happens with the & sign on this site: https://sagmeisterwalsh.com/ and want to achieve a similar effect on my site. It's also how pretty awesome how the & sign in the bottom right corner is only visible when you're scrolling, but no problem if that's not doable! Thanks so much, Abby
  7. Site URL: https://bison-oleander-3srg.squarespace.com/config/design/styles I can't believe that there is no option to make the folder sidebar navigation sticky. So the navigation just scrolls away out of the screen? this is a strange attribute to have I believe. Also please take into account I'm not the coding type but do know how to copy and paste some CSS into my page if this is needed.
  8. Site URL: https://www.gefahrgutakademie.at Hi, is it possible to have my header be sticky on all but one or two pages? I'm trying to set up a gallery (https://www.gefahrgutakademie.at/elearning-beentladecheck) but I either have to get my header out of the way or compromise on the size of the gallery which I rather wouldn't do. I'd be grateful for any suggestions or help. Thanks in advance!
  9. Site URL: https://justgoodjuju.com/bracelets On the page (https://justgoodjuju.com/bracelets) we have a filter list (using Categories) that is presented on the Left Hand side. When there are a lot of products (select All) and you scroll down, the filter list does stick but it does not stick at the top (i.e. the topmost category showing is Accent - Gold when I would like it to be the All). I just can't seem to latch onto what I need in order to make it stick 'higher' in the list. I had thought that by altering 'top' I could achieve it (as I assumed top indicates the point at which the container reaches when it sticks) but when I make 'top' any value other than 0, the list is no longer sticky! The CSS achieving the stickiness is: /* FILTER ON PRODUCT PAGES */ .ProductList-filter { position: -webkit-sticky; position: sticky; top: 0; } Any help would be very much appreciated.
  10. Site URL: https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Hello, I'd like my header / top nav to remain sticky on scroll only for my Product pages (this page #item-5dfb3eba5179d73d7b6fa175 for example). Is there an easy way to do that using custom CSS? thanks
  11. How do I apply sticky navigation bar in Impact template?
  12. Hi, I was just wondering if anyone knows if it is possible to fix the footer to the bottom of the visible section of the page, for all pages. To clarify, I'm looking to have the footer behave just as the header does when you have it set to fixed position in the header style editor i.e. a fixed position on the page when scrolling. Hope this makes sense! Any help with this would be much appreciated. Many thanks John
  13. Hello, looking for a code to fix the header on my site www.BettyBoujee.com My header is transparent visible when you first log into the homepage and when you scroll down it becomes visible with a white background. Wanted to essentially hide the header when you first log into the homepage then when you scroll down it becomes visible and "sticks". Hopefully I explained it okay and it makes sense. An example of how I want it to be like http://www.cocktailcar.co.il/
  14. Hi there, I'm working on a website in developer mode. I used the 'sticky' property in order to make every page of the website stick to the top when scrolling. The problem I'm having is that when I scroll down the pages stick to the bottom on top of each other: when then I select any page from the nav bar it doesn't redirect me anywhere. Website: https://vib-strategy.squarespace.com/ Password: maggie-vib I hope this makes sense, thanks in advance for your help!
  15. FIVE Template: For the life of me, I can't get any of the suggested code to work for sticky top nav (Five). I've handled it just fine in Bedford, but no luck here. Can someone using Five list injection and CSS that's worked?
  16. I'm looking for some code that will make my navigation bar sticky. My site is: http://www.monstersoftherunway.com. It uses the FIVE template. The few suggestions in the forum don't seem to work for my template. Either the navigation bar stops being centered or the text scrolls over the nav bar and looks really messy. Thanks!
×
×
  • Create New...