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://antelope-yellow-wjax.squarespace.com/ I'm looking to have the primary navigation split and show on either side of the centered logo in the bottom of my header on this website: https://antelope-yellow-wjax.squarespace.com/ Password: test My client is wanting to add a few important links to the top right corner in a bar above the nav and logo. So now I've got the secondary nav set to top right for that. I've got the logo set to bottom center and now I'm hoping to find a way to have the primary nav be centered and wrap around the logo. Thanks!
  2. Hi everyone, I am very new to Squarespace, and CSS, so please bare with me. I have made a 'burger' menu which leads to a full screen navigation menu with all my pages. How do I make this full screen navigation menu transparent? So that my home screen will be partially visible too. Also, how would I move my page titles closer together, so that they are all on the same page? Rather than having to scroll down to see them all. This is my current code, if that helps at all: /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:
  3. Site URL: https://hexahedron-magnolia-z7mb.squarespace.com/ Dear all, I was in the proces of finishing a website build for a client, but encountered the following problem: Apostrophes stopped being rendered in the navigation menu. Currently the menu only displays the HTML character reference for the apostrophe (&-#-3-9-;). Problem started after I experimented with the styling of the font in the navigation menu. Even after resetting the styling and switching to another font, the problem remains. It's one of the last, but crucial adjustments before delivering th
  4. Site URL: https://www.itsnicetohearyou.com/v1-home I want my navigation to sit on top of my background video, and not have this background color showing at the top. It really doesn't look good. How to I make my background video full bleed, specifically to the top of the site. I want to move the background video up! Please help!
  5. Site URL: https://pickmeup2.squarespace.com/ Hello! I'm looking to move the position of the id navigation buttons down because they are being covered by my fixed announcement bar and navigation. Currently if you click on any of the navigation items they get covered. I'm looking to align each one right below the navigation as intended. Does anyone have a solution to fixing this? PASS WORD TO SITE : pickmeup
  6. Site URL: https://www.twoofakindrentals.com/ Hello! See attached for a screen shot of my website navigation circled in red that i'd like to freeze on mobile & desktop view. When people are scrolling on my site I need just this bar (circled in red) to stay at the top of the page so customers can easily navigate to other pages without scrolling back up to the top again. I only want the navigation bar circled in red to be frozen, not the company logo. How would I go about this? And is it possible for mobile too? Thank you!!
  7. Site URL: https://www.benchonaquest.com/about Hello, I'm having problems updating the color of the Secondary Nav. buttons. They just won't update (screenshots below of both what I set and what I see later). Please, help... Hello, I'm having problems updating the colors of the Secondary Nav. buttons. color won't update
  8. Site URL: https://circle-elk-9sbe.squarespace.com/landing/ Hey, I am looking at creating a landing page with 2 videos side by side. I would use a cover page but I can't add the videos. So I have created a single page in a section collection but need to hide navigation bar for it to look right. Is there any way to do this? (I've attached an image of my page 🙂 ). Or if anyone has any ideas of a better way to do it that would be amazing. The PW for the page is: forumhelp Thank you Robin
  9. Site URL: https://tunny-purple-2bdn.squarespace.com/ I'm currently putting together a basic site for someone. They want the header links and logo to be up against the same background image (banner image) as the intro. But when the site loads on the screen, the logo and header nav items overlap the top blocks like so: After refreshing the page, it looks fine. Just when you first go onto it. I have already tried turning ajax loading off and tried it with ajax loading on too. Can anyone help with this please :)
  10. I created an image of this pink underline and want my navigation links to underline with this image when hovered over and while active. With my current Squarespace template, I can't even get my navigation links to be underlined when I hover over them.
  11. Site URL: https://bridgendathletics.org I have entered some code to allow my header bar to shink on scroll which works fine, however when you scroll back to the top of a page you get a flash of colour of nav at original size. Ideally the top nav bar should only be visible with transparent background. Not sure if this makes sense haha... quite hard to explain, if you scroll down on the page, then back up to top you should see it flash. password: bridgendathletics This is the code: header.shrink { .header-announcement-bar-wrapper{ padding-top: 20px!importa
  12. Site URL: https://rose-chartreuse-7zca.squarespace.com/ Hi, I entered a snippet of code I required from someone here on the forum to get the top level navigation (the folder) to go to the first sub-page when clicked. This does work, however I now have a permanent bit of text displayed under the footer that says 'FOLDER NAVIGATION TO KNOWLEDGE' displayed. This shows on desktop and mobile. URL is https://rose-chartreuse-7zca.squarespace.com/ If you scroll to very bottom you will see. Any help would be thoroughly appreciated!
  13. Site URL: https://www.greenecotec.com/ My client has setup GeoTargetly for their website - they want to add a contact phone to the navigation that will change depending on country located. We have geotargetly content working in the footer but we can't seem to add their content code to navigation. Any suggestions .. Thanks!
  14. Site URL: https://www.jennywatt.co.uk/cart Could anyone tell me how to delete the navigation bar in the cart? I'm using 7.1. I have multiple navigation headers because I have two ceramic brands. Some are hidden depending on what part of the site you are on. This is working well thanks to using code found on this forum. So thanks to all you experts helping newbies tweak their websites. I now just need a simplified cart without all the navigation headers. I have seen this question before but the code I tried hasn't worked even with a few modifications. Any help gratefully recei
  15. Site URL: https://www.littleblackboxcollective.com/blog/simon-open-door-2020 Hi, I am looking to change the navigation on our blog posts (Rally template) to change Previous to "Newer post" and Next to "Older Post". I have tried advice from another thread on this forum with some code injection but unfortunately it didn't work. Any help would be appreciated! Thanks
  16. Site URL: https://www.itsnicetohearyou.com/ Hi! I am trying to figure out how to change the word in my navigation when someone hovers over it. For example, when someone hovers over "instagram" and it turns red, I also want it to turn into the instagram handle (@itsnicetohearyou). How to I change a word on hover? Thank you!
  17. Hello, I have created drop-down navigation in my header via folders, and they work really well. However, is there a way to still select the main category to view content from all the subcategories that belong underneath it? As an example: The category "LIVE" might contain more narrow subcategories such as "KITCHEN" or "BEDROOM". Would be useful if visitors could both access "LIVE" for broader content or the relevant subcategory for something a bit more specific. Advice greatly appreciated! Amelia 🙂
  18. Site URL: https://sailfish-polygon-pace.squarespace.com/ Hello community, Asking for some help with the code snippet I used to to move the < > arrows on my Summary Block. https://sailfish-polygon-pace.squarespace.com/ Password: changethespace2021 This is what I have, but the previous (left) arrow is still hovering over the first image in the carousel. Any tips? Thanks in advance! Custom CSS >>> .summary-carousel-pager { position: absolute; top: 40%; left: 4%; transform: translateY(-50%); width: 100% !important; z-index
  19. Site URL: https://www.reallygardenproud.com Does anyone know how to add dividers to navigation on mobile templates 7.0 & 7.1 like this
  20. Hello I am new to website building and SqaureSpace. I am having a problem trying to use buttons as navigation for pages like you navigate these forums. The buttons are too big and show vertical on mobile so I'm trying to make the mobile version look nicer. I was told to fix this you would have to use code and support couldn't help with that. Could someone help me with getting code for the navigation with just smaller numbered pages at the bottom of a page and maybe a next and previous button? Thank you!
  21. Site URL: https://www.cboothandson.co.uk/ Hello I'm hoping someone can help me with this issue. I want to insert some CSS that will stack the different 'category navigation' links at the top of a product page on top of one another when viewing a product page on mobile devices. At the moment customers have to scroll along the 'category navigation bar' to find the category they are looking for. There is no indicator for the customer either, so unless they know this is how this site works they will miss a number of the categories. I have attached a screenshot below of how
  22. Site URL: https://joshyeoh.squarespace.com/ Hi, Is there a way to hide the Navigation Bar, Ie just the words "REFLECT, LISTEN, CONNECT" on the site header? Appreciate any help! Thank you. My site is: Joshyeoh.squarespace.com Password: 123 Regards, Sherman
  23. Site URL: https://wholemindhealth.co.uk After using some coding to increase the size of my logo, the navigation bar and logo height consequently went down on the page. How can I increase my logo size without pulling the navigation down? Or is there a code I can use to simply lift both the logo and navigation up?
  24. Site URL: https://caper-badger-3s6d.squarespace.com/about Password: home I want to replace the ''garamond'' page-link titles, with my custommade ''text-images'' from Adobe illustrator (see picture attached). I want my custom made ''text-images'' to be my page-link titles. Can anyone help me?
  25. I am trying to change the font colour of my site navigation on one page only and haven't had any luck at all with any code suggestions. I am using a Brine template. I've already added a custom logo code to the Advanced section of my portfolio page so I'm wondering if that's what's getting in my way? These are the codes I've tried (using my own collection #): #collection-5fc6f37befc65c5b7a35dc2e .Header-nav-item { color: #9b6b3b; } and nav#mainNavigation * { color: #9b6b3b !important; } If anyone could help, it would be so very appreciated! In case it helps,
  • Create New...