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


Forums

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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. 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!
  2. 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?
  3. 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!
  4. Is there code specific to the Kent Template that can fix the header? Thank you for any help you can give me on this.
  5. 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
  6. 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?
  7. 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!!
  8. 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!!
  9. 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
  10. 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
  11. 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!
  12. 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.
  13. 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
  14. 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
  15. 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%; }
  16. 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
  17. 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
  18. 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 :)
  19. 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.
  20. 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.
  21. 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?
  22. 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!
  23. Site URL: https://alison-mcgee.squarespace.com/ Hi! I've got a fixed header on my Brine 7.0 site. When using a mobile device flipped in a landscape position, it will do 1 of three things: List all the folder names in a row so that they're cut off. Fixed header doesn't work. Folder names stack, but fixed header doesn't work. Folder names stack and suddenly the fixed header works. So basically, sometimes it works and sometimes it doesn't. If I refresh my device then it is automatically fixed. How do I make it work all the time? For your reference, here's the code I added: .Header { position: fixed!important; z-index: 1000; width: 100%; } @media screen and (min-width: 640px) { .Index section:first-child:not(.Index-gallery), .Main--page, .Intro, .Main { padding-top: 81px; } .Intro + .Main { padding-top: 0px; } }
  24. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1-1 Hello, I have created a menu navigation within my page and I wanted to make it 'stick' on screen so that when the user scrolls further down, it stays within sight. Is this possible? Page = https://bluebird-porcupine-yzdg.squarespace.com/home-copy-1-1-1-1-1 Pword = bluebird Many thanks, Best, Faiz
  25. Site URL: https://www.javieraguiar.com I'm currently using the fixed header with the "scroll back" option in Squarespace 7.1 and am hoping for some help with an issue I'm having: The "scroll back" header functions fine when scrolling through the pages on my site (top to bottom), but upon scrolling back to the top of the page, the header seems to have a slight glitch. After scrolling to the top from the bottom of the page, the header reappears, but in one quick motion it pushes the top-most section down slightly. Seeing this glitch motion each time I scroll to the top of my site is quite displeasing. Has anyone experienced this issue or have any potential solutions? Many thanks!
×
×
  • Create New...