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

Search the Community

Showing results for tags '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: https://www.elevationweb.org/best-nonprofit-websites/ I am currently on the most recent version of squarespace 7.1 and I am trying to figure out how to do what this website does with the notification bell in the top right corner of the navigation: https://www.elevationweb.org/best-nonprofit-websites/ It does not necessarily have to be a bell, but I want to know how to create the "external navigation" where it zooms out of the homepage like that using a nav button. Also, how can I get the banner icon on the top right in my navigation menu like on this website: https://www.sbs.org/ Thank you in advance! @tuanphan
  2. Site URL: https://www.postbournemouth.com/oktoberfest Hiya, all the header images on my site are dark apart from the oktoberfest page, id like to change the colour of the navigation links to a darker colour on this page only, ive had a look on the support site but i can't seem to get anything to work any help would be greatly appreciated many thanks Olivia
  3. Site URL: https://www.jadejohnsonillo.com Hi, When I click around the navigation links, a black border pops up. I've never seen this before and I can't figure how to remove it in the style settings. I've attached a screenshot below. Does anyone know how to get rid of it?
  4. Site URL: https://www.history-ink.com/ Hi! On the above site, when I navigate from any page on mobile, i.e this one https://www.history-ink.com/discoveryourstory and use the logo to navigate to the home page, a grey box appears briefly behind, before displaying the home page. Do you know why this is and how to resolve? Many thanks.
  5. Site URL: https://www.davai.squarespace.com Hi I am wondering how i move the navigation bar below the first section/banner. I have seen this done on many websites, including ones, made with squarespace, although they could be done on version 7.0. The website, on which i want to add this effect is davai.squarespace.com (password: davai) The effect has been achieved on our current website (davai.dk) for reference, but that is running on wordpress. Another example is https://harlow.showit.site/ I am sure this question has been raised before, but i have not been able to find a solution. Once the navigation bar is removed from the first section/banner, i want it to be fixed. The first section/banner should still have company logo in top left corner. I have added an attachment of a video, where the effect is showcased. Skærmoptagelse 2020-10-09 kl. 14.00.18.mov
  6. Site URL: https://halibut-opossum-3b5b.squarespace.com Hey guys, I would love to add border like on this website to my navigation bar: https://www.ulloadesignco.com My site is: https://halibut-opossum-3b5b.squarespace.com PW: Braddon1 Can anyone help please? Thank you so much!
  7. Site URL: https://orca-collie-h3am.squarespace.com/ Hi, I'm hoping to center my main nav on my homepage underneath my logo. I've seen CSS styling on other threads about moving the nav to the right of it, but nothing about centering / moving it beneath the logo itself. url: https://orca-collie-h3am.squarespace.com/ password: b Site under construction. Thanks so much,
  8. Site URL: https://goldchain.studio/ Hi gang! The title pretty much says it all but I have a single dropdown folder menu for my navigation on browser and I'd like to replace the title with my own custom image. I've managed to do it for mobile view but I'm looking for a way to make this happen on browser view. Any ideas? 🙂 Thank you!
  9. Site URL: http://www.trackspecauto.com Hi, I turned on the feature for customers to register/sign in to their account. But the "sign-link" is just blended in our main menu and I want it separate. How do I move the "sign-in" link to the footer? Thank you!
  10. I didn't include the url because it's currently password protected with an "Under construction" page, but: my drop down folders are appearing behind the main nav bar, so you can't see most of them. I used the dev tools on Chrome to check the z-index of the drop down span containers, they were set to 1002 so I re-set the z-index to 2000 using the custom CSS and they're STILL appearing behind the main nav bar. Position is set to absolute by default on Squarespace, so z-index should be working. Is this a known issue? How to fix it? Because I'm creating a website for people who don't have developer knowledge, I haven't used custom coding until this line of CSS because I want them to be able to adjust their own website. So this is 100% a Squarespace issue, no code of mine is interfering.
  11. Site URL: https://cals.art Good day everyone! I would like to change the height or vertical padding, of the sub-navigation in my mobile navigation menu, is that possible? Thanks in advance
  12. Site URL: https://roosbrothers.com/ Hi, I am having trouble removing an underline from my site's mobile header navigation links (which shows when a link/page is active). See attached images. Would appreciate any code snippet that would remove these underlines from appearing. Thank you!
  13. Site URL: http://dustin.land Hello everyone, I'd love your help being able to use CSS to reduce the div / padding arounf the main logo in the header. When the browser is resized, the nav links will drop a line to make room for the huge amount of side space surrounding the logo. See attached. Any help would be appreciated! Dustin
  14. Site URL: https://bobcat-wolf-gcel.squarespace.com/ Hi all, I used the Stretchy Navigation Line plugin from Ghost Plugins (link here) and I'm loving the effect, but it is, unfortunately, being covered up by the drop-down menu when it's activated. I'm wondering if anyone could help me fix this so that the line doesn't disappear when the drop-down menu appears? Background: I tried moving the drop-down folder down using CSS so that the line stays visible, but this caused its own problems: because the drop-down menu was no longer connected to the menu item above it, the menu unselects and disappears when you go to move your mouse down to the menu items. Website: https://bobcat-wolf-gcel.squarespace.com/ Password: unique Thank you Best, -Scott
  15. Site URL: https://charmainemuzyka.squarespace.com/ I need some help customizing this navigation, it drives me nuts how much Squarespace's navigation styling tools are lacking! I'd like to fix the giant box extending out to the left and left-justify the text if possible. I could live with the left-justified text but the giant box/frame/container needs to go - anyone have thoughts on this? Ideally it should only extend as far as the text goes. Password is: 2022 I currently have this code in my Custom CSS section: // NAVIGATION HOVER COLOR // .header-nav-item:hover>a, .header-nav-folder-item:hover a { color: #4AC5B0 !important; } // DROPDOWN NAV - ALIGN LEFT // .Header-nav-folder * { text-align: left; } // NAV DROP DOWN FONT STYLES // .header-nav-folder-item a { font-size: 15px; font-weight: 300; line-height: 150%; }
  16. Site URL: https://thecarmomofficial.squarespace.com/homepage-new Hey! Is there a way to add a full-width colored background to the main navigation in 7.1? The layout is centered, I just need a colored bar behind the navigation, not the logo. I have attached a photo as an example of what I am looking to do.
  17. Site URL: http://www.johnnaslaby.com/about Hi guys! I'm wondering what the CSS is for changing the color of the navigation bar on all pages except the main one? My pages are kind of all screwed up in that some pages show the navigation bar in black, but the others just come up in white like: http://www.johnnaslaby.com/about Let me know! Johnna
  18. Site URL: https://www.woodlands.derby.sch.uk Hi, I wondered if anybody was familiar with changing the colour of the navigation bar when scrolling down. Currently, my navigation is set as 'solid' and 15% opaque - however I would like the bar to turn green when scrolling down and solid in colour. I was wondering if there was a work round for achieving this. https://www.woodlands.derby.sch.uk Any advice would be welcome! Thank you! 🙂
  19. Site URL: https://www.turbinerotables.com Hi - I was wondering if there is a fairly easy way to create a sub-navigation on a dropdown menu. Any advice is welcome - thanks in advance!
  20. Site URL: https://www.mahacreative.co.nz/ Hi, I'm trying to have a tab like style side nav similar to this - would anyone know how to do this? I found this Code pen for something similar but I'm not sure how or where to add it https://codepen.io/skkhan/pen/MWWdXbb
  21. This is my first post and I'm very new to Squarespace. Does anyone know if its possible to make the top of the subnav dropdown box align with the bottom of the header, rather than the header nav items? I've tried countless CSS snippets without success. The site's yet published and because this is through work I can't post the password so here's a screenshot. Hope that makes sense - any advice would be hugely appreciated.
  22. Site URL: https://www.truumed.com/ I have tried every trick provided in this forum to make my folder clickable in Squarespace 7.1 and nothing works. Example - I want to be able to link to the All Services page when I click on Services on this site since it's a landing page, but I can't get it to work https://www.truumed.com/
  23. Site URL: https://moose-sepia-m3gk.squarespace.com/ hello all, I am trying to change the "Order Online" to have an outline button for the link. I believe I did this before by starting with a template where the button was outlined, but on this particular site, none of the code I am trying is working. Here is the website: https://moose-sepia-m3gk.squarespace.com/ and pw: lipscafe-ss Here is the last code I tried: //button cta a.Header-nav-item:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 100px; } Any help is much appreciated! Thank you,
  24. I'm trying to achieve this effect in the header of circles next to navigation items and then they become active on hover? Cheers!
  25. Hello! I designed this site in 7.1 and would simply like to remove the underline on the active navigation link. This is currently not an option in the Design section of 7.1, so I will need some CSS. Any ideas? https://www.pamelaackerman.com/ Thank you!
  • Create New...