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. Site URL: https://chicagotoollibrary.org Our website uses the Bedford template and I'd like to add a second button to our navigation bar that has the same styling and hover effects as our existing button, but with a different color. I've been able to hack some code to get another button, but can't manage to get the transparent button that fills when you hover. Help?
  2. Site URL: https://rhmnvfx.com/ Hi everyone, i noticed my navigation text "height-line" is to small on ipad and it gives this squeezy feeling i would like to have a gap between the top and bottom texts. And also i couldn't able to make the folder backdrop transparent. My inspect element/css skills aint good =(
  3. Hi there, I'm hoping someone can help. I am pulling my hair out trying to get a full width blue background color behind my navigation bar in 7.1. I've tried adding "width: 100%" but I still cannot seem to get rid of the white gaps on the ends of the bar. Any ideas? Thanks in advance for the help!
  4. Site URL: http://spellcraftbeauty.com On mobile, my footer is showing up in my menu navigation just on the home page. It isn't doing it on regular pages. What am I doing wrong?
  5. Site URL: https://raccoon-cymbals-g64s.squarespace.com/ Hi there, I've been trying to change the colours of the portfolio navigation text (please see screenshot). If not highlighted manually, the text would be the same colour as the background. Further, I've looked around and I can't tell which of the section themes would affect the colour of the navigation text (i.e. "next portfolio item"). Any help with this matter would be greatly appreciated. Thanks!
  6. Site URL: http://lakerenfaire.com/ I am trying to find the right code to apply the "Index Scroll Nav: Show On Scroll" or "sticky navigation" to all pages on the site when scrolling down the page. This feature is available on the Pacific Template, but limited to and Index Page that has been set as the Homepage. Other Index Pages on the site or pages in general do not offer this option. How can this be achieved sitewide?
  7. Site URL: https://www.classfivemind.com/freetraining Does anyone know how to change the header on a specific page without it affecting the entire site? I want to remove the entire header from a landing page I built, but keep it on all of my other pages. I want to remove the logo and button from the Header on this page. I want to keep the entire header like this on all the other pages.
  8. Site URL: https://nourishbytara.com Hi. I am having trouble getting my navigation bar coding correct. I added coding so when you hover over the navigation options it highlights them green and changes the font to white. However, once you select a category, when you hover over the items in the drop down in that category it changes the font from white to black. If you hover over adjacent categories that you have not selected the white font works. It is only once you are within a particular category that it does not work. I have attached images. It is difficult to explain. I would like for the f
  9. Site URL: https://spinach-flower-hmcn.squarespace.com/ Hello, I have a problem with my website. Currently I have the code set up for my navigation for "Hover state, and Active Hover" So without hovering, the navigation links are grey. When you hover them, the color is pink. When you're on the page (Active) the color is green. However, when you hover the same active navigation link, (Assuming it is still pink) the color is still pink but slightly off. For example, If you go to the website. 1. Click on "One" (Hover shows Pink) 2. When you're
  10. Site URL: https://www.erateconsulting.com/ Hi everyone, I came across an issue when resizing my website using Chrome. On some screensizes (not all), the main navigation overlaps my logo instead of breaking into two lines. On the screen shot below my window is about half the size of my screen. Any ideas of how to fix it? 😞
  11. 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,
  12. Site URL: http://www.dolphinbottles.co.uk Hi, I was hoping to know if theres any code that when you click the mini logo in the right hand corner of the page it would auto-scroll back to the top of the page? The logo is fixed. Code is: <div id="dolphin-logo"> <img src="https://static1.squarespace.com/static/5efca1d4b38d327351cb3a48/t/5f80623086feca1a363d3f95/1602249265109/Untitled+design+%288%29+%281%29.png" width="110" height="55"> </div> #dolphin-logo { position: fixed; top: 90%; right: 0; left: 80%; transform: rotate(0deg) translateX(50%)
  13. Site URL: https://fuchsia-turkey-ztb5.squarespace.com/config Is there a way to put a search bar on the Crosby template header, off to the right hand side?
  14. 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
  15. 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
  16. 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
  17. 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 *
  18. 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!
  19. 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!!
  20. 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
  21. 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."
  22. I'm not finding an option with version 7.1 yet to adjust the mobile navigation font size, any options?
  23. 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”
  24. 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.
  25. 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!
  • Create New...