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
  • 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://offbeat-creemee.squarespace.com/ https://offbeat-creemee.squarespace.com/ pw: offbeat I'd love to make the logo transition nicely from display:none to display:block on scroll. I am able to have it appear on scroll, but I can't seem to get it to ease in or out smoothly. Am I missing something? Here is the CSS I am using. The #collection tag is for the homepage, as I want to target only that page with this behavior. //Replace Your Logo #collection-60146b8caf27ec7eccad626f{ #header .header-title-logo img { display: none; transition: max-height 140ms ease-in
  2. Site URL: https://imnotascientist.com Hi all, first time here. I'm customizing my design to look like an old Windows 98 theme, using a Squarespace template and customizing everything I can, but this one will require some CSS, and I'm not sure where to put it or what to write. Haven't dabbled with code in years. Right now, the navigation bar is text-only. I want to add some PNG thumbnails above the text that look like Win 98 desktop thumbnails I made (folders, settings, etc) and have the text for the link go underneath them. I imagine I'll have to make an unlinked page with the thumbnail
  3. Site URL: http://www.amovintage.com Hi, My header is marked as transparent & sticky and works for maybe a millisecond then the background goes white, how can I fix this? I would also like my category navigation to follow the same style as my main navigation (for active links and hovers both being red) is there a ccs to enable this? Thankyou!
  4. Site URL: https://keyboard-jaguar-k52z.squarespace.com/ Hi there, the logo that was on the top left in the nav bar and the search icon are showing up only when I'm working on Squarespace dashboard but not on the browser (see screenshots attached). I can't figure out why since it worked correctly until a few years ago. Any ideas? Website link: https://keyboard-jaguar-k52z.squarespace.com/ Password: tpt-2021 Thanks šŸ™‚
  5. Site URL: https://devhor.squarespace.com/?password=sneakpeek How do i make the sections scroll horizontally like this? Instead of the regular vertical navigation? https://devhor.squarespace.com/?password=sneakpeek
  6. Site URL: https://www.trubarre.org Hello! I'm trying to change the sign-in text that is associated with logging into member area accounts on the site. I tried placing the code below into the design/custom css, but it does nothing to the site? I'd appreciate any help šŸ™‚ .Header-account span.unauth { visibility: hidden; } .Header-account span.unauth:after { visibility: visible; content: "Online Sign-In"; font-size: 15px; color: white; font-family: monospace; }
  7. Site URL: https://dewildesalhab.com/ I have the rally installed on my Squarespace website. I'm trying to make a kind of secondary navigation specific to one category of my primary navigation options. When people go into 'skin scandal' I want a secondary navigation to appear under the logo where they can choose items tagged under specific category (for example: serum. toner. mask.) I'm guessing I need specific code injection and thank you in advance for your programming prowess
  8. Site URL: http://meridandmagna.com I am trying to center my social link and reservation button link within it's section but can't seem to target the right elements. Is there a way to center each column horizontally?
  9. Site URL: http://richmacleod.net Hey guys. I'm using version 7.1 and am trying to move both my site header and navigation bar to the left-hand side of the screen and have them stacked (i.e. having the header over the nav bar while both of them are fixed to the left-side of the screen). I've reached out to Squarespace live chat and they informed me that this could not be achieved within the normal customization when editing the site design but there may be some custom CSS that could help me. Here is the link to my site as it currently is: http://richmacleod.net I'm hoping to ac
  10. Site URL: https://rocksforlife.com I aim to make the navigation link underlined when it's active (hamburger menu on mobile). The code I tried implementing (& is not working): body:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item-- active, p a { text-decoration: underline; } May somebody give a hand to solve this issue? The link: https://rocksforlife.com/ Pass: rocksfor.life
  11. Hi! I am building a design portfolio website, and I am trying to do something that I am not sure is possible without some custom code. Each portfolio page is a different design project, and in the navigation links at the bottom of the portfolio pages on this site, I want to include both the client name and the project title. However, the navigation links look like this: CLIENT NAME PROJECT NAME, and I want them to look like this: CLIENT NAME PROJECT NAME, with the client name in bold and the project name in regular text in order to easily visually distinguish the two parts of th
  12. Site URL: http://www.epochfilms.com How could I create a navigation bar like the one that appears on epochfilms.com on squarespace? Iā€™m starting from scratch so open to any template and css solutions.
  13. Site URL: https://www.palazzodelgolfo.com I have vacation rental properties in Sicily. The site has been up for more than a year. I like the design but the feedback has been that it's difficult to navigate and viewing the photos of the different apartments is difficult. I need to be able to share quick links with people of each apartment to view photos on Facebook and whatsapp. I also think that the navigation and home page can be more direct/straightforward. Are there page layouts/tweaks I can do to clean it up? If a whole redesign is warranted what template should I
  14. Hi there, I was wondering if it is possible to create a navigation bar at the side of a page based on the headers in that page? Something like this is what I'm looking to do:
  15. Site URL: https://www.jessejamesmcelroy.com Main Navigation not showing the About OR Contact Index Pages on mobile devices? Is there an easy fix?
  16. Site URL: https://www.mahanidelborrello.com/ Hi, Is it possible to remove the black background on the navigation dropdown when there is a background image? It is currently black and very chunky looking. I would it to be transparent, or no background if possible. I did try adding the code below (from another forum question) and it appeared to work in the preview but promptly returned to showing a black background again. body:not(.header--menu-open) .black .header-nav-folder-content { background-color: transparent; } . Also, is it possibly t
  17. Site URL: https://acumen.org/our-team/advisors/ How do I create this multi layer navigation in Squarespace ? I need something exactly like what is shown in the video. Screen Recording 2021-05-28 at 9.58.29 AM.mov
  18. Hi there, Is there a way to move a page that's inside "Portfolio"? I'd like to use it as a standalone page, in the main navigation. So the current structure is : Main navigation -> Portfolio / Contact / About Portfolio -> Page 1 the action needed : move "Page 1" to Main Navigation. Until now, I haven't found any way to move the page. This is highly problematic...it's such a basic function... In case there is no option for that, does someone know a tool to copy the content of the page? There is so much content on it, I will need days re-doin
  19. I can edit other places on my site but not the 'Navigation' part. What do I do?
  20. Site URL: https://alexandrahall.squarespace.com Hey all, This my final tweak for this website I have been trying to create for a project but I can't figure this part out. How can I make my mobile nav primary header look more like this (photos attached). I can't figure out how to get rid of the instagram icon and tex in the drop down menu and but the icon by itself in the actual mobile website header. I also can't figure out how to add "Home" "About" and "Contact" to the menu. As well as keep the header fixed when the menu drops down. My website is the first photo, reference site is the
  21. Site URL: https://www.codasevents.com/home-new Hi there! I'm trying to add a 1pt white border above this site's navigation links that spans the full width of the header, however, the code that I used to achieve this in 7.0 is not working in 7.1. I've been able to add the border below the navigation links (screenshot attached), but would like to mirror this above the links as well to separate them from the header branding. Any tips would be appreciated ā€“ thanks so much!
  22. Site URL: https://lime-teal-3lk9.squarespace.com/ Hello, I'm working on a 1 page website and we do want a header but I don't like that it just says Home so I'd like to figure out how to remove it from the header.
  23. Site URL: http://avrilkids.com Hi everyone, on the mobile version of my website, the dropdown menu "Shop" opens on a separated page, you need to click on the shop arrows and then you got the informations of the dropdown menu. I would like all the informations being showed together if it is possible. I put an image of what i tried to achieve in attachement. Could you please help me to do this? Thanks a lot
  24. Site URL: https://lychee-carnation-4cdg.squarespace.com/ Hi! I'm trying to create a multilingual website and everything is working except for the items on folder that are not showing up on mobile. I followed this tutorial: https://www.creationsbyfaria.com/blog/multilingual-site-squarespace Basically I've created every page I need for each language, and I'm using custom CSS on each page to hide the navigation items I don't want to show on a specific language. Everything is working perfectly fine on desktop, but on mobile, on the second and third language, the items on the
  25. Site URL: https://www.ultimategearlists.com/ I am using Squarespace 7.0, with the Five template. The link to my site is: https://www.ultimategearlists.com/. My desktop navigation menu has grown, and now has too many elements to fit in a single line when viewing on a narrower desktop or a tablet. I would therefore like to use an arbitrary breakpoint (say around ~1200px) below which the navigation bar changes to a right-aligned hamburger icon and clicking on the hamburger icon will produce a drop down navigation similar to mobile. Unfortunately the breakpoint for switching
  • Create New...