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://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
  2. 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."
  3. I'm not finding an option with version 7.1 yet to adjust the mobile navigation font size, any options?
  4. 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”
  5. 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.
  6. 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!
  7. 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
  8. 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.
  9. 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
  10. 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
  11. 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?
  12. 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
  13. 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
  14. 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?
  15. I would like to hide the button in the navigation bar and one specific page (the homepage). How do I achieve this?
  16. 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.
  17. 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
  18. 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:
  19. 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
  20. Site URL: https://www.sienaleigh.com/ Hello! I have been using the following code to have a transparent header on ONLY my homepage for quite a few sites, and after this last release it no longer works. Is anyone else experiencing anything similar, and do you have ideas for workarounds? //transparent header on hp// .homepage .header-announcement-bar-wrapper { background: rgba(0,0,0,0) !important; } Here is an example of a site using this code that worked prior to the last release https://www.sienaleigh.com/
  21. Site URL: https://www.zealoustravelco.com UPDATE ---> SOLVED Hi! Can anyone help me with my transparent header (w/ blur effect) that suddenly stopped working? Here is the CSS that worked until I randomly checked website today: /*FROSTED GLASS NAVIGATION BAR*/ body:not(.tweak-transparent-header) .dark .header-announcement-bar-wrapper { background-color: rgba(0,0,0,.2)!important; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); padding-top: 8px; padding-bottom: 6px; transition: background-color .15s ease;
  22. 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
  23. I'm trying to change the colour of the underline in my navigation so that it's different from the text. I've added custom CSS to make the whole item gold when it is active, but I just want the underline to be gold. Any help?
  24. To anyone who can help! I want the navigation bar to be in one line, but as soon as the window is not big enough - even if there are plenty of rooms - the navigation links become 2 lines (screenshot attached). I already set the Header Layout to "Full" width and not "Inset", if there's a code I can use to span the navigation links from edge of the contents, please help! Thanks in advance.
  25. Site URL: https://moose-semicircle-6ext.squarespace.com/ Hello! I'm looking to achieve a gradient fade behind my navigation as I have a full width carousel. So I've used this code (found on another post here): .Header {background: rgb(245,245,245);background: linear-gradient(180deg, rgba(245,245,245,1) 0%, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);} header { position: fixed !important; width: 100%; z-index: 99999; } @media only screen and (min-width:640px) { main { padding-top: 80px; } } .Footer {background: rgb(253,177,57);background: linear-gradient(180deg, rgba(2
  • Create New...