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


Badges


Expert ID

  1. 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-inn
  2. 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?
  3. 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
  4. 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
  5. 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 :)
  6. 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
  7. 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.
  8. Site URL: https://grape-primrose-9ww3.squarespace.com/ Hi, I am trying to change the appearance of the navigation menu as I scroll down the page. On scrolling past the header banner, I want the header background to remain transparent and the logo and navigation links to turn black. I have added some code already which was working before, but it seems like it has now stopped working for some reason...
  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. Site URL: http://www.courtney-crews.com/ Hi, Is there a way to have the navigation in mobile ishimoto to stay fixed at the top? So that when scrolling the menu is always accessible? I've tried this: /* Fixed Header - Mobile */ div#mobileMenuLink { position: fixed; left: 0; right: 0; z-index: 999; } However then the navigation covers the site title. Thanks
  11. Site URL: http://jcbouden.com Hey guys, I am new to squarespace and trying to find how to make it work. This might not be my last question 🙂 As a director, I want to make a landing page with a big video header so people have instantly an idea of my work. I also want to create a scroll down site, so I would like to have a fixed navigation bar at the top. The idea would be that this bar would be transparent at the top, so it won't hide the video, but then become black as soon as the viewers has left the video by scrolling down. An exemple here : http://www.shainblumphoto.co
  12. 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
  13. Site URL: http://www.classiccthomes.com Hi, Thank you for any assistance. On my site I have a top level navigation. It's Projects-Elements-WhatWeDo-Etc On the Projects and Elements menu items I have other items so the template uses a drop down menu (not sure that is the correct term). The width of that drop down menu appears fixed. I would like for it (the width of the menu) to scale (width wise) based upon the width of the menu items contained within the dropdown. What I really want is for the text not to wrap so each menu item will appear on one line. So, fo
  14. Site URL: https://level7tx.com/home I'm wanting to change the navigation on scroll to a solid colored background. I have the navigation fixed at the top and want to keep it that way but to change the color of the background upon scrolling. The code I'm currently using is below. Any ideas on what code I need to use to change the color upon scroll? header#header { position: fixed; padding: 0; height: 140px; background-color: transparent !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
  15. Site URL: https://www.nancykononelos.com/ Hi, On scroll, how can I add a 1px bottom border to my navigation bar? Thanks!
  16. Site URL: http://www.cowdogcraftworks.com I've been trying to get some custom CSS to get my navigation bar to be fixed. I see a lot of fixed navigation bar options, but they don't appear to work on the Ishimoto template. Anyone able to help? It seems like a quick fix every time I've seen it.
  17. Site URL: https://hairdiagnostics.com/medical-conditions/ The website I've linked is my present website - not squarespace made. I'm a newbie and I'm redesigning that original site. I'm trying to replicate one of the features and struggling to see how on squarespace. On the page linked there is an alphabetical index of medical conditions on the right so you can quickly jump to different conditions. It stays fixed as you go down the page. Is this, or something similar, possible on squarespace?
  18. 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%; }
  19. Hi there, Just looking for some help in trying to do a fixed header on the mentor template. Any help is much appreciated! Thanks, DC
  20. Site URL: https://www.vincenthulme.com/ Hi, I have implemented this CSS (see below) to moved the sidebar to the left in the Wells Template but every time I click on the main menu it shifts down. What can I do so that gallery/image info doesnt move when I click on the main menu? .collection-type-gallery.hide-meta .meta { right: 0; bottom: 15px; left: 40px; width: 225px; max-width: 225px; background: auto; z-index: 9999; } Thanks!
  21. Site URL: https://salamander-cowbell-y9xl.squarespace.com/ Hey all, I am using the BRINE template and have managed to make my navigation bar stick to the top of the page on the index page when scrolling using the following code; .Header { position: fixed; width: 100%; z-index: 2000; } However on the regular pages such as About and Contact the navigation bar completely disappears leaving only the logo on the header bottom. (please see the attached files) I should note I have placed the Primary navigation on the Header-Top and the logo on the Header-Botto
  22. I'm customizing a site (see here). One thing I've noticed is that the navigation bar, which retreats & then scrolls back into view on the homepage as you scroll down through the sections, doesn't replicate that behavior on other pages. For example, the blog page, or one of the other program description pages which has longer scrolling content. It looks like the class 'show' is being dynamically injected after the first page section on the homepage. 1. WHY? (more of a rhetorical question...) 2. How to copy over this scroll/hide/reveal behaviour to the other pages - not just home?
  23. Site URL: https://www.blue-marble.co.uk/ Hi there, On www.blue-marble.co.uk (password bluemarble), I've forced the desktop nav into the mobile hamburger version. Is it possible for this to not click into a full screen white fill and instead for it to be a right aligned background (so just over 1/3 of the screen) fill with smaller text rather than click into a full screen fill? Thanks,
  24. Site URL: https://www.uniquelydolledwigs.com/ Hello, I recently found a code that makes my mobile nav menu slide to the left of the screen and to only expand 80% of the screen. Is there a code that will make the background screen fade when the nav is open? Also, is there a way to remove my logo at the top when I open the nav menu? I’ve attached an example of how I would like it. Any help would be appreciated!
  25. Site URL: https://thebetterbecauseproject.squarespace.com/stories/ How can I get all links on a single page to open up a new tab? I've tried using this in the "Page Header Code Injection" <base target="_blank"/> But, it makes every link throughout the website to open up. Is there something else I can try with html, so that it would only open up a new tab for the links in a particular page?
×
×
  • Create New...