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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, How do I change the word spacing between the navigation bar? And also the spacing between Navigation and site title. I want the spaces to be even I want it to look like this. @tuanphan
  2. Site URL: https://hoorayadvertising.squarespace.com/ Would love to know if there is any setting built into Squarespace or any custom code advice that would allow me to adjust the placement of the navigation arrows on my portfolio pages in 7.1? I added custom code to remove the text, but would love to center the actual arrows on the left and right of the video, as indicated in the picture attached. If there is also a way to scale the arrows down would be greatly appreciated. Many thanks
  3. Site URL: http://www.integratedhealthandfitness.co.uk/ Hi all, Not sure if this has been covered before.... i am looking to make a different navigation to appear when you access a certain page instead of the primary being there all the time. I.e say you accessed the about page then a different navigation would appear with links to different pages. I have done this on wordpress before just wondered if it could be achieved here. Thanks
  4. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/design Hi, I have added a hamburger navigation to my desktop site. The logo seems to sit directly next to it? See screenshot. I can't get it to separate itself. Is there a way to have the logo on the other side of the screen? I have used this code but it is not working. //HAMBURGER NAVIGATION// .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} /* Left burger right logo *
  5. Site URL: http://www.gmc.org.sg I found the code from another thread and put it into my site: [href="/connect"]+.Header-nav-folder, [href="/ministries"]+.Header-nav-folder, [href="/resources"]+.Header-nav-folder { column-count: 2; } It works beautifully, only that the Ministries folder falls off the page and the Resources one doesn't work (screenshots attached). Is there a way to solve this? I removed the code for the 'ministries' item on the site so that it wouldn't be live. Thanks!
  6. Site URL: https://www.uniquelydolledwigs.com Hello, I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color when the mobile navigation menu is active? I've attached an example. Any help would be appreciated!!
  7. Site URL: https://pigeon-harpsichord-afjm.squarespace.com Hi everyone, I'm trying to get the top drop-down option in my navigation folder to align with the folder title itself (this is as a workaround for the folder title not being clickable in 7.1). I'm currently using this: /* Nav folder */ .header-nav-folder-content { top: 0px !Important; width: auto !important; } But they are very slightly out of alignment. Has anyone got any ideas? I use a personal plan, so I'm trying to do it with CSS Many thanks! Password: HelloWorld1964
  8. Hello, I currently have my navigation bar setup like this: my site logo is on the far left, and my pages to the right of it. However, I want to add a reversed image of my site logo on the far right, so that my header has a symmetrical look to it. Is there anyway I can do this with custom css or otherwise? Please see attached an image of my header, since my site isn't live. I am looking to add the reversed image to the right of "Store."
  9. I'm not finding an option with version 7.1 yet to adjust the mobile navigation font size, any options?
  10. Site URL: https://pike-guava-36n7.squarespace.com/ Hi There, I asked squarespace the below question and they said it needs to be done with custom css & to consult the forums. Hoping someone knows how to do this. I am having an issue with my navigation, for my “recipes” folder, I am unable to click on this as a link, but have to hover to get the additional pages. I am hoping to have if I click just “recipes” it will direct to the “all recipes page”. So basically I want the “All Recipes” at the top (just written as ‘recipes’), And underneath the same page again “All recipes”
  11. Hey guys, I want to create a snap scroll effect on my website. I'm using 7.1 - I know Brine works but need to adapt it to 7.1! Happy to use JS, CSS, etc. Whatever it takes.
  12. Site URL: http://spaceforce.design/ Hi guys, I want to make a scroll indicator exactly like this: http://spaceforce.design/ Is there any code I can use for this? Thanks so much in advance!
  13. Site URL: https://www.gewoonarie.nl/ Hi there, I have seen some questions about this, but not the right answer, I think ;). So, I would just like my navigation under my logo, all centered. Should not be hard, but for me it is. Thanks
  14. I tried to configure the overlay and header from editing the header options, but cannot get to something like this. my squarespace is v7.1 and I wonder how can I achieve this view. When pressed on the gray part, it exits the navigation.
  15. Site URL: https://www.integralchristiannetwork.org I have put in some specific code for my logo to be white on my home page, but gold on other pages (to fit with the homepage background image). However, when I click on a link from the homepage to any other page on my site, the logo is still white and therefore invisible. But when I refresh the page it goes to gold. If I access any page from an external link or any other way, the logo shows up in gold. So it's only when I go from the home page to any of my other pages. I've attached the code I've used in two places. Any help would be muc
  16. Site URL: https://www.janetmilner.com/home Is it possible to have images as headers in the navigation and drop down menus? I know it sounds mad but I've mocked it up using images and it looks awesome but I don't know how I can do it so its fuctional? It is even possible? https://www.janetmilner.com/home password: janet2020
  17. Site URL: http://amphibian-soybean-gxlk.squarespace.com Hello I'm using the Kester template and would like to create a simple hovering effect for my navigation bar. All I want is for a line to appear under the 'Me' or 'My Work' text when you hover over it, and for there to be no line underneath either when they are active. Could someone help?
  18. Site URL: http://hellololo.net So I know what the problem is but let me explain how I got there first~ http://hellololo.net I wanted my active page to be underlined in then navigation and I found this amazing code on this forum: /* Nav active link underline */ .main-nav ul li.active-link a { border-bottom: 1px solid black; padding-bottom: 0px; } It worked just fine when the navigation and logo were centered, but when I moved the header to what it is currently, the underline got pulled down to whatever size the logo is. If I reduce the size of the logo, the underline
  19. Site URL: http://www.tnvirtuallaw.com I used to have this set up properly, but not sure what changed. Currently, my navigation bar color is set to "transparent," so the background is the city image on the homepage. When scrolling, the navigation bar used to change to a solid dark grey background (leaving the white logo and white page links visible wherever you are on the website). Now, when you scroll, it remains a transparent background, making it harder to see. I never had a code injection before for this, so I'm pretty sure it is an option without adding new code. Any help is
  20. You're supposed to be able to format the navigation bar so that a button shows up to the left of the hamburger menu button. For some reason, the Pulaski template ignores this formatting rule and sticks the button inside the hamburger menu at the bottom. I don't like that. I want a call-to-action button (not just a link) directly in the navigation bar on mobile. It works fine on desktop, but mobile is broken. How do I solve this?
  21. I would like to hide the button in the navigation bar and one specific page (the homepage). How do I achieve this?
  22. How to make mobile layout show navigation text instead of the two lines to expand? so pretty much I want to have the same navigation view experience as the website view where its not collapsed.
  23. Site URL: https://www.rainbowbridge.love/ Hi I am hoping to have a custom navigation for my shop. Right now I have it set up as one folder and many links to different categories, what I would like it to look like is 4-5 main categories and then each of those drops down to a subcategory. Or even the main category is bold and the subcategory is smaller. Is there a way to make the drop down text smaller than the main nav and make subcategory folders smaller than the category names? What I want is Shop -Rapeh All Rapeh Blends Rapeh Kits
  24. Site URL: https://www.literally-unbelievable.com Many blogs have a simple navigation menu at the bottom of the page allowing you to jump to a certain page of older blog entries. Is there a way to do this on Squarespace? Here is an example of what I mean:
  25. Site URL: http://www.logancreekdental.com/about We had built this site with a transparent header that has a fixed position with the fixed header style set to scroll back. The goal was to ensure the header/navigation is visible on page load + hides as your scroll down the page + shows up as you scroll back up. All of this functionality still works however until today when you scrolled back up the site showed a background for the header until you reached to the absolute top of the page, at that point it faded the background to transparent as intended. Today this behaviour changed (without any
  • Create New...