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://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?
  2. 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.
  3. 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...
  4. 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
  5. 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%; }
  6. 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
  7. 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!
  8. 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
  9. 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?
  10. 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,
  11. 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!
  12. 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?
  13. 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
  14. 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?
  15. 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.
  16. Site URL: https://cranberry-bison-yxfe.squarespace.com/ Hi there ! I'm building my first website ever on Squarespace, I'm almost finished with fixing the little details but I want to fix my navigation bar when scrolling on mobile. The logo is huge so I want to make it disappear and I just want to keep the hamburger menu icon on the top corner when scrolling down. I've tried to find solutions but it doesn't seem to be working with me... Thank you ! https://cranberry-bison-yxfe.squarespace.com/ password : tidyzenzen
  17. Site URL: https://www.vegapropertyemporium.com/home Hi, I'm trying to add a shadow to the bottom of my main menu/navigation bar on my website. It is a fixed menu that scrolls with the website. I would like it to be a black shadow https://www.vegapropertyemporium.com/home Thank you
  18. Site URL: https://kimusubimassage.com/ Hi everyone! Currently, the top part of every page on my website has a navigation menu of six buttons plus the "home" button. I can't figure out a way to make this menu sticky, so that when a visitor scrolls down, the buttons follow along the top. Note that this is for the desktop site. I was able to select an option for this for the mobile version. My workaround has been to add linked buttons for each of the other pages at the bottom of each page, but I would like to get rid of those. I would really appreciate an assist!
  19. Site URL: https://www.marionaandco.com Hello! I am trying to insert the fixed navigation on my desktop and mobile site. I have tried other custom css for templates in version 7.0 but I am using version 7.1 and it is not working. Could anyone please help me out? Thank you!
  20. Site URL: https://www.core4.com.au/ Hi! Hoping someone can help with this? I'm trying to achieve the same functionality as this navigation bar in the link attached. Transparent but changes to a fixed position and colour when scrolling. Thank you!
  21. 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://presentt
  22. 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
  23. Site URL: https://www.thirty-square.com I'm trying to figure out how to set my header section to change from transparent to a solid colour but only when the page is scrolled. Can anyone help?
  24. Site URL: https://heartpainter.com/ Discovered a major mistake I'd made in redoing my heartpainter site. Might save someone else some trouble. I'm using Wells, so navigation is in the left sidebar. I had thought it would be convenient for viewers if I set the navigation sidebar as fixed, so they could hop to another page after they'd scrolled down a bit. Works great on desktop. On tablet, it made it impossible to scroll down the navigation to see some of the secondary nav. Even worse, it caused trouble with turning the tablet view from vertical to landscape. Totally wrecked the pag
  25. Site URL: http://www.the-proof.com hello - can anyone help me keep my navigation bar and header visible when people scroll down the page please? I am using Foster template Thanks
×
×
  • Create New...