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

Search the Community

Showing results for tags 'sticky'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.similarspace.ca/saol-nua Hi All, I've been trying to resolve a scrolling issue on my split screen sticky scroll pages with absolutely no luck. I see you have some experience in this area, and I would really really appreciate any help! Our website: https://www.similarspace.ca/ I was provided a code snippet to create the split screen sticky layout. I adjusted the code to target all 8 of the pages we'd like to use it on. The split and sticky left column work just fine, but when you reach the following full width section it overlaps t
  2. Site URL: https://www.mdzadesign.com/new-blog/bear-republic-crossfit Happy New Year everyone! I would like to make the text block sticky in this blog post which is displayed in a summary block on a blank index page. I want the text block to remain in place while images on the right are scrolled through. Exactly as it is in the Flatiron template here. I tried adding: .sqs-block html-block sqs-block-html { position: sticky; position: -webkit-sticky; top: 200px; } It didn't work. I want the code to apply to ALL text blocks for blog posts displayed on this particular
  3. 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
  4. Site URL: https://patriciaux.com Hello Folks, I need help making an anchor menu fixed/sticky. Can I do this through CSS code ? or is there another way to do it ? Thank you in advance for your help Vero
  5. Hi! my problem when I'am adding a parallax image to a page where I have a sticky CSS, the sticky code doesn't work anymore.(code below ) The sticky texts doesn't work with parallax pages? I checked all forums, but I didn't find the solution. this is the page url: https://www.studio4045.net/csurgo /* Sticky text on desktop */ @media screen and (min-width:901px) { /* Sticky text */ div#page-5fd7b5fb2b9b2c152d146504>.row:nth-child(2)>.span-3 { position: sticky; position: -webkit-sticky; top: 200px; Thanks,
  6. Hi I am using the Indigo template for my new website and do not have a URL yet, I am looking to make the product descriptions, add to cart etc, for each item "sticky" because currently when I am scrolling down the page to look at additional items the whole section just stays at the top. Would really appreciate some help have been looking at this all day and I cant find out how to do it anywhere! I have attached two images, one of the top of the page and then another of a scroll down which shows where the product description is missing. Thank you x
  7. Site URL: http://www.dolphinbottles.co.uk Hi, website pw: dolphin Hope image helps explain too. I want the logo in bottom right to follow users as they scroll. Current image is a coded image: <img src="https://static1.squarespace.com/static/5efca1d4b38d327351cb3a48/t/5f80623086feca1a363d3f95/1602249265109/Untitled+design+%288%29+%281%29.png" style="float:right;width:12%;height:12%;" "class="stickydolphin"> with this in Custom CSS: .stickydolphin { position: sticky; right: 0; } What am I missing? Thank you 🙂
  8. Site URL: https://nectarine-banjo-ewdh.squarespace.com/over-ons Hi Guys, I am working on my website but after putting in a sticky menu code, some pictures go over the menu bar instead of under Could you guys please help me fix this? This is my full custom code: header { position: fixed; width: 100%; z-index: 4; } //menu font-ab // .Header-nav--primary {font-family:'HERO REGULAR';} //ADDING HERO FONT // @font-face { font-family: 'HERO REGULAR'; src: url(https://static1.squarespace.com/static/5ebe36ddc03ce047b1c8688c/t/5ef45b6f9c952511979
  9. Site URL: https://www.inoutatelier.com Hi all, Please see attached site url. Previously I tried to to make the header sticky at the top but it always appear to at the back of all my content as I scrolled down. Also I would need it have a solid background for the header, and centralised too. Can anyone help with this? Many thanks.
  10. Site URL: http://travisvoice.com/voip2 I want my form to stay fixed on the side of the page while users scroll. this is the code i tried: #collection-5f77546d44a1ed498bae102e {#block-670fa9ed874913a1f9c9 {position: fixed !important; position: left !important; position: top !important} } right now it just looks absolutely terrible
  11. Site URL: https://tarantula-saffron-7tzp.squarespace.com/faith-clothing Hello! I would like to make the right hand sidebar that is visible on blog posts, sticky. While the blog post in the middle scrolls normally. Just like this page https://artclubinternational.com/Tobi-Lou. Thank you Password is Lunchbox20
  12. Hi, I would be very grateful if anyone knows if this can be done? 7.1. I'm using a multi-page template (Alma) but the main page has Jump To navigation links at the top in a narrow horizontal strip. It's a long page for visitors who are time poor attending an event. For this page only, I would like to make it sticky at the top of the screen, so that when people scroll down, they can jump to areas easily. Any advice would be appreciated. Thank you.
  13. Site URL: https://www.crescentridgedairybar.com/products I have a div named .fixedelement with position: sticky; top: 0; on an index page Here is the code block code i'm using: <style> .fixedelement { position: sticky; top: 00px; width:100%; margin: 0px; background-color: white; padding: 5px; min-width: 300px; overflow: visible; position: -webkit-sticky; } </style> <div class="fixedelement"> <a href="#milk"><button style=" width: 23%;white-space: nowr
  14. 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;
  15. Hey there, I have a bit of a tricky problem! For a client site, I'll be needing to create a full-width newsletter signup bar with a background color at the bottom of the web browser that remains visible ALL THE TIME, on top of the page content during scroll - about 100px in height, so that people can see it on every page. See example here - this is a wordpress site, but exactly what my client wants for that bottom-of-page always-on-top newsletter call to action: https://pippagrant.com/ For the life of me, I cannot figure out what to do with code to create this functionalit
  16. Site URL: https://caribou-brass-k4nh.squarespace.com/config/settings Hi, wondering if anyone can help with some code. I would like this text box on the left to be sticky. This is a very long page and easier if this was always visible. It is the only page that features this list. Hi, I am wondering if anyone can help
  17. Skye has a fixed, or sticky, header. It can't be disabled in Styles, so to have the header move with the rest of the page, I have to do something in CSS. I tried the following code - While this did solve the problem, it made mobile view a mess. Before the changed code, my site on mobile did not stick to the top and so it wasn't a problem. With this added code, it disables most of the header, leaving only the logo that sits on top of other content. Is there a way I can implement this code to only the desktop view so it doesn't affect mobile? Thanks, -Lisa
  18. 1) How can I create this 'line / frame' in css? I know how to create a horizontal line and two vertical one, but i cant't stitch those together to recreate the graphic. 2 how can i make this sticky on top of the page? So it hangs above the primary navigation. ( and make it sticky on every page when scrolling?
  19. Site URL: https://www.socialive.us/bcg-case-study Hi all on this page (password ccs) there is an informational box. When you scroll past the hero image i would like that box to stay fixed to the top as you continue to read the other information. I cannot, for the life of me, figure it out. Here are two other pages that have the function I'm looking for https://thirtyeightvisuals.com/blog/resources https://slack.com/customer-stories/zendesk
  20. 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?
  21. 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!
  22. 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
  23. 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
  24. 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.
  25. 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?
  • Create New...