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

Search the Community

Showing results for tags 'fixed-navigation'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

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: http://www.monkeyonstrike.com SOLVED. See solution below. On my site, I have a store setup with a design I like. The text is white on gray but for some reason the description of my items in the store is black. I can't seem to find CSS online that would change this to white. Would you happen to know how I could do this? Here is a link to a picture of the offending text:
  2. Hello, I created a fix menu in Mojave, see code below. Now I would like that the sliders I have on my content pages goes under the fixed menu, and not over it.Is there a code for it? Thanks for your help, .Header, .Mobile { width: 100%; /* for IE and Edge */ position: fixed; /* for IE and Edge */ position: -webkit-sticky; /* For Safari 6.1+ */ position: sticky; /* Latest browsers */ top: 0; z-index: 4; } Sly
  3. Site URL: https://www.simonguillemin.com/travel-snowflakes Hey dear folks & the boss @tuanphan 🙂 I would like to make the right column of a page which contains differents block (text + image + shop button) fix when scrolling down the page. I want people be able to see the content on the left while they can always get acces to the text of the right. Also I would need this fix column on the right stop before the bottom of the windows just before the large block picture at the bottom https://www.simonguillemin.com/travel-snowflakes password : 0009 THANKS A LOT for your help 🙂❤️
  4. 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?
  5. Site URL: https://presenttensebar.squarespace.com Hi there, I'm working in the Crosby template, and I'd like to remove the logo from the header when scrolling down past the homepage, leaving only a thin navigation bar at the top. Within the homepage, I've got different sections/links set up with anchor links within the homepage, but when scrolling down the full header with logo is too tall and blocks content. I've searched the forum but haven't found an answer yet. I'm trying to mimic the functionality of this site: http://www.lostlakechicago.com/ Site link: https://presenttensebar.squarespace.com Password: Derek Thanks so much!
  6. Site URL: https://ave.squarespace.com/ Site: ave.squarespace.com PW: theeyeshaveit The clients I'm building this site for would love to have sticky/fixed nav on mobile but NOT on desktop, and I'm finding the CSS for that tricky. I gave the code from this post a try, but no luck. Has anyone else had success with this?
  7. Site URL: https://www.nosebonk.com/design-diary/ysqur96j6onan9968y9sekrn9pedsx Hi all. Im wondering if someone can help me to showcase Blog-posts in a split layout, having the right image staying fixed while scrolling. It wont be text heavy posts, would love to have the artwork present while scrolling Im using SS 7.1. Thanks!
  8. Is there code specific to the Kent Template that can fix the header? Thank you for any help you can give me on this.
  9. I think I need fresh eyes, can anyone explain what isn't working with my css? I have fixed buttons on the sides of my pages. I had them working on desktop and mobile, but tablet wasn't showing up because I had messed around with it too much I think. so started over using the side that worked perfect and got it to show up on tablet but now on desktop and tablet one button is not fully to the edge, mobile is fine. Previous code that some how worked on desktop ( was full width, worked on desktop and mobile wouldn't show up on tablet) New code that works on mobile, desktop and tablet but now doesn't sit flush to the edge on desktop and tablet.. see screenshot for where its sitting, I cant seem to move it over any further then that on both desktop and tablet? site is : https://flugelhorn-seahorse-lzrb.squarespace.com/?p pw: design123 buttons are on the portfolio pages any suggestions is much appreciated
  10. Site URL: https://www.cutnfill.com/ Hello, I am trying to test out a fixed site header on my website but I do not know the custom CSS or method of implementing one. Any thoughts?
  11. Site URL: https://www.sarahmarguier.com I'd love to make my fixed header non-transparent. I have use some ccs to make my header fix but I don't know how to make it a white background instead of transparent. I am using Ishimoto template version 7.0. Thanks for the help!!
  12. Site URL: https://www.sarahmarguier.com Would love to make my header fixed. I am using the Ishimoto template. So far, the different coding I have been using are not working. Thanks for the help!!
  13. Site URL: https://amal-testsite.squarespace.com Hi all In Squarespace 7.1, there is already build in options to choice both “fixed position” and “transparent” in EDIT SITE HEADER. BUT, it doesn’t work. When header is fixed, then transparency doesn’t work. Instead Is has default or choosen background color. so how do I set or code to get transparent header/navigation menu when it’s also fixed? test site: https://amal-testsite.squarespace.com password is: abcabc
  14. Hi! Is there any way to fix the header and navigation bar always on top of the screen as I scroll down my main page? It is currently on top of my site and disappears as soon as I scroll down. I'm using Foster template and my site is: davidzamorano.tv Any suggestion would be appreciated. Thanks, David
  15. Site URL: https://sheep-badger-7tzn.squarespace.com/ Hi all! I've seen a variety of questions on this topic but was unable to find one that was specific to my issue. I like having a fixed navigation header at the top of the site, but it is so large that when I scroll down it blocks a lot of my images. Is there a code that I can use to shrink the entire header as I scroll down so that it becomes much thinner? Thanks in advance!
  16. Site URL: https://www.cboothandson.co.uk/mens-grooming Hello, I was hoping someone could help me with this. I would like the category navigation bar to be visible to the customer as they scroll down the product page. There seems to be several solutions for making a 'sticky page header' but that isn't what I'm looking for. I only want the 'category navigation' to stick and the products to scroll behind it. Please see below for a screenshot highlighting exactly what part of the page I want to stick as the customer scrolls. Thank you in advance.
  17. Site URL: https://www.aditya-sinha.com/ Hi, I am looking to make the text on a blog page sticky, in order for it to stay on top of the page and serve as a sub-navigation for the blog posts below. I'm trying to achieve a similar Work page as is here: http://www.lauramccluskey.com/, with the categories/tags at the bottom of the page. Is there any method through Custom CSS and not Code Injection to possible achieve this? Password: tester
  18. Site URL: https://synthesizer-parakeet-hgtp.squarespace.com/config/pages/6087a48292661251f888ffc2 Hi! I'm struggling making the website as I designed it and I was wondering if someone could help me here. I'd like to move the social links from the header to the bottom left of the page. I'd like them to be vertical and with a line just beneath them. I did my best to move them trying both with CSS and adding a code in the homepage (you can see them both for now..). The main problems are: the vertical line disappears if I go to any other page + the social links move when I resize the page (I'd like them to stay still on the vertical line..the line doesn't move when I'm resizing the page). I'm working on a 7.1 version. The image shows how I'd like the homepage to be. I would really appreciate if anyone could help me with this. Thank you very much
  19. Site URL: https://www.hellosunshine-film.com/ I'm trying to use the code below to fix the header/navigation but it ends up moving the site title below the nav items. Please see attached before/after screenshots. THANKS! .Header { position: fixed!important; z-index: 1000; width: 100%; }
  20. Site URL: https://www.yaliglass.com I am refreshing our website (Brine 7.0) and would like to move our logo to the top centre position, with the main navigation underneath. As it takes up lots of space as a header I would like to be able to have the logo disappear when I scroll down and then fix the main navigation menu at the top of the page. I cannot figure out how to do this, I have tried various CSS but nothing has worked so far. Any help would be really appreciated! I attach two screen shots of what I would like it to look like (with Logo at top, then hidden when I start scrolling down to view the page content). Thanks! Ema
  21. Site URL: https://pickmeup2.squarespace.com/ Hello! I'm looking to move the position of the id navigation buttons down because they are being covered by my fixed announcement bar and navigation. Currently if you click on any of the navigation items they get covered. I'm looking to align each one right below the navigation as intended. Does anyone have a solution to fixing this? PASS WORD TO SITE : pickmeup
  22. Site URL: https://hibiscus-prism-cl9m.squarespace.com/ Hoping to get the footer fixed and transparent on all pages, as well as keeping its blocks horizontally stacked in the mobile version. Any help with any of the above is appreciated!!! Thank you :)
  23. Hello everyone. I am building 5 long pages that introduces 5 products. As visitors scroll down the long pages, they are kind lost of which product they are on. So is it possible to add text like" Product 1" and then set it fixed ,so that the "Product 1" title will follow as we scroll down the page? Thank you.
  24. Site URL: https://jasper-demo.squarespace.com/ I'm using the Jasper demo/ York template. Just curious if there is a work around to having the site header be fixed and have the whole header with a solid white bar background, while maintaining the left, right, top and bottom padding. Thanks in advance.
  25. Site URL: https://www.pagliaccifilm.com/bio Hello! I'm having problems with my active links in my fixed nav. It's not staying active on the page once it scrolls to the fixed page. Below is the code. (I bolded the line) PW for site: divodavid2021 .Header { position: fixed!important; z-index: 1000; width: 100%; } .Header-inner { padding-top: 50px; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .Header.scrollNav { background: #fff!important; padding-bottom: 10px; .Header-inner { padding-top: 10px!important; } .Header-branding { color: #000; } .Header-nav a { color: #000!important; &:hover { color: #db9271!important; } &:active { color: #db9271!important; } } } THANK YOU!
  • Create New...