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. 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.
  2. 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.
  3. 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 c
  4. 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
  5. 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
  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://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 :)
  8. 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
  9. 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.
  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: 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
  12. 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
  13. 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); }
  14. Site URL: https://www.nancykononelos.com/ Hi, On scroll, how can I add a 1px bottom border to my navigation bar? Thanks!
  15. 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?
  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://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%; }
  18. 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!
  19. 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
  20. 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...
  21. 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,
  22. 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!
  23. Site URL: https://jewishforgood.squarespace.com/ PW: JewishForGood I put this code into my CSS to make my navigation sticky and with a shadow effect. It works well, but it reveals the footer background color (?). I can adjust the last part (.Content-outer...) so that the background of the footer doesn't show, but then it covers up some of my page content. Any ideas? Thank you! //Fixed Header .Header--top { width: 100%; position: sticky; position: -webkit-sticky; display: block; top: 0px; left: 0; z-index: 9999; -webkit-box-s
  24. Site URL: https://orchid-gecko-efzc.squarespace.com hi there! Please help if you can! I am using the Wells Template and trying to add space/padding in-between the logo and the navigation menu. The navigation menu is fixed on the lefthand side. I have attached 2 screenshots. "1" shows how it is currently & "2" shows what I am trying to achieve. Willing to try anything so please don't hold back! Thank you so much, in advance.
  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...