Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'navigation-link'.

  • 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
    • Resources
  • 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
  • German Circle Members's Topics

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://www.arnaudchabot.com Hello, on my site, I have a portfolio which has 4 sub-sections (portrait, wedding, life and commercial) I would like to have a direct "wedding" link in the header navigation that redirects to the "wedding" page of the portfolio? I tried to create a "link" page but there are some bugs when I do that. Is it the good method ? Thanks in advance. ps: sorry for my english, i'm from belgium 😛
  2. I am wanting to adjust the layout of the navigation links in my header. The templates provided in site styles do not satisfy the layout that I want and I have yet to find any code that does what I want. All I want to do is move "Contact" to the right side of the header and leave "Work" on the left side. I am able to add a button but the buttons do not achieve the clean look I am wanting. Does anyone have any suggestions on how to achieve this fix?
  3. Site URL: https://www.fantasy-animation.org Here is the site URL: https://www.fantasy-animation.org It is version 7.0 I've had some problems with the dropdown nav as the 'Contact Us' was being cut off from the screen and used the following CSS code to make sure it was more left: .header-actions--right { width: 20vw !important; } [href="/contact-us"]+.Header-nav-folder { left: -75% !important; } But in doing so, when trying to go the dropdown for 'About', it ends up becoming the dropdown for 'Contact Us'. Was this a dropdown padding issue or a site padding issue?
  4. Hello, I'm trying to hide the navigation menu on the header of my home page as I have the same navigation menu on the center of the page. Would anyone know what css code I can use?? Thank you.
  5. Hello! Would it be possible to add custom links as icons like on the image?
  6. Site URL: https://www.sabustudio.com Hi, I have set up my navigation for desktop, it is all working as I want on desktop, although I am having issues with it on mobile device. On desktop I have integrate this code so the folders redirect to specific pages: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('.header-nav-folder-title[href="/furniture-folder"]').click(function() { window.location = "https://sabustudio.com/furniture"; }); $('.header-nav-folder-title[href="/object-folder"]').click(function() { window.location = "https://sabustudio.com/object"; }); $('.header-nav-folder-title[href="/lighting-folder"]').click(function() { window.location = "https://sabustudio.com/lighting"; }); Although, on mobile the folder navigation does not utilise the redirect link as it does on desktop, it just links to the folder contents. It currently goes as follows: I would like it to go: I am trying to remove/bypass the second hamburger menu page and instead wanting to use the redirect link. This enables better user experience for my product. I'm not sure if its possible to do this, but I imagine there would be a way to do this. Any help would be much appreciated! Thanks
  7. Site URL: https://rthglmr.squarespace.com Password: rthglmr! Hello, I have managed to come quite far in my website with learning CSS but now I am SUUUUPER stuck. I am trying to have the same navigation on my desktop and mobile site. The desktop is working exactly how I wish it to and now I need the folders to be clickable onto a page on the mobile view. I would like to avoid the drop-down text menu and instead link to a page that is more visual. I would really appreciate any wisdom or insight on this!
  8. Site URL: https://emu-paddlefish-na7r.squarespace.com Hi, I'd like a 'services' link in client's site navigation which brings up their services landing page, but this link should also be a dropdown to pages for each individual service. With the folder I need to add the services pages as top link, which isn't user friendly. Is there a way around this? Thanks
  9. Site URL: https://taystthenotes.com/upcoming-events I have an "Upcoming Events" page and a "Past Events" page that are the same content. The Upcoming Events gets posted to the Past Events as the date passes, but the hyperlinks to the location only work after the event has past. I'd like visitors to be able to click on the name of the venue on the "Upcoming Events" page and it link them to the venue. It doesn't do that until the event ends up on the "Past Events" page. I've checked the Locations tab on the Event and have the address there but I think that only creates the map, but that too doesn't show via anything 'clickable' in the Event itself. All of the configurable objects in Event Editor (map, venue URL, calendar ICS, et al) only work *in the editor*. The actual live page is just text of the event...See my Site URL above for example. Attached is a screenshot of what I see in the editor. thanks
  10. Am I missing something, did hover states go away for Navigation in the 7.1 release? This is a sad miss given that it helps with usability.
  11. Site URL: http://hilarybeckwith.com/main-page Hello - I read in another forum post (the instructions were incomplete), that in order to place navigation links on both the LEFT and the RIGHT side of the logo in the header, that first one would need to do the following: 1) Change the header layout to be: Navigation Links (left aligned), Logo (centered), button (right aligned). 2) Add whatever links I want displayed to the RIGHT of the logo, into a text box in the FOOTER, at which point a code can then be populated to move the text box to the appropriate space in the Header. I have completed these steps, but the original poster did not follow through, and so the person assisting could not complete the code. Can someone help walk me through this, please? As a secondary question, how do I change the font size for the navigation links? I appreciate any help! Please be clear and descriptive, CSS coding is not something I'm terribly familiar with.
  12. Hi there, I am working for a client to create a site in which I essentially need to create 3 versions of home/landing page that display different links in the header navigation (so as to take different users on 3 different journeys through the site/only show content that is relevant to them). Is there a way for me to easily display some links on header nav in one page and display different links on another page? Thanks in advance! 🙏
  13. Site URL: https://www.mudbellyceramics.com Hi guys, I am trying to create a website and want to put the navigation in the four corners of the page like this (https://www.mudbellyceramics.com). I am guessing this requires custom CSS. Any suggestions?
  14. hi everyone, I'm looking for a way to create a floating button (linked to an url) on the right side of a page, the button remaining from to bottom while scrolling... thanks adance for your help
  15. Site URL: https://popcinema.org/home-eng Hi How can I make text background color appear also in mobile navigation just like desktop navi ? here code I use for desktop navi text backgroud #header .header-nav-wrapper .header-nav-item:nth-child(13) a{color:#000; background-color:#fff; padding-left: 1.5vw; padding-right: 1.5vw; } #header .header-nav-wrapper .header-nav-item:nth-child(14) a{color:#000; background-color:#fff; padding-left: 1.5vw; padding-right: 1.5vw; } thank you in advance
  16. I used this code to change the nav colour for a my blogs <style> .header-announcement-bar-wrapper { background: #0b3141 !important; } </style> The nav font is the same colour so doesn't show up. (Other pages the nav is transparent) How do I turn the nav font on these blog pages? I cannot share login through forum but back through private message
  17. Site URL: https://www.anjart.co.uk/shop/p/cookie-greetings-card Is there a way to add a navigation link to my product pages? For example, if a customer clicks on my shop and then selects the "cards" tab and then clicks on a card product, the navigation links only show Shop > Product name. I would like to make it easier for them to go back to the "cards" tab, rather than the entire shop and have to go through the whole process again. So it would read Shop > cards > product name. Is this possible?
  18. Site URL: https://www.anjart.co.uk/shop/p/cookie-greetings-card Is there a way to add a navigation link to my product pages? For example, if a customer clicks on my shop and then selects the "cards" tab and then clicks on a card product, the navigation links only show Shop > Product name. I would like to make it easier for them to go back to the "cards" tab, rather than the entire shop and have to go through the whole process again. So it would read Shop > cards > product name. Is this possible?
  19. Site URL: https://www.meyerwatkins.com/ Does anyone know code to center one specific navigation link? I am looking to have the "Meyer Watkins" brought into the center leaving the logo on the left and the remainder of the navigation to the right. How can I do this?
  20. Site URL: https://pepper-pelican-gr94.squarespace.com/training Hi, I would like to add this effect where when you hover over the navigation menu, a different coloured bar appears for each one like on this site: https://museumofvancouver.ca/ - which I can see is a customised SquareSpace site. Anyone know how to do this? PW: ValuesAndFrames Thanks! Gemma
  21. Site URL: https://www.cainla.com/ Hey guys! Quick question if anyone has an answer. I have a site that has an index page as the main navigation. Reason being is because I have other titles and pages underneath that I want on one page. I am on 7.0 the Brine Mojave template so you can see what I mean about the multiple pages. I want to have those multiple pages under the index page on the main navigation as well so when you click on "Listen" or "Features" it drops you right on that area of the one page. I have spoken to squarespace already so I know within their site it isn't doable but I am hoping with some custom coding we might be able to make it work. Any help is greatly appreciated! I will attach some files as well so you can see.
  22. Site URL: https://ray-gecko-tfeg.squarespace.com/ Hi there, wondering if someone can help because this is driving me mad. I am trying to create a hover to reveal effect in my header navigation. See an example attached of what I'm trying to achieve. I was able to achieve this effect for regular text by inserting the following into a code block: <div id="hover-div"> A<span id="hover-element">bout</span> </div> <div id="hover-div"> C<span id="hover-element">ontact</span> </div> <div id="hover-div"> S<span id="hover-element">ervices</span> </div> and then adding the following to the CSS editor: #hover-element { display: none; position: absolute; } #hover-div:hover #hover-element { display: inline !important; } This had the following effect on my actual page: I am wanting to do this effect with each menu item in the navigation header but can't seem to figure out the code to achieve this. Does anyone have any suggestions or code to achieve this? Test website is https://ray-gecko-tfeg.squarespace.com/ and the password is test1234 Thanks in advance!
  23. Site URL: https://www.suemcnenly.com/ Hey. I am using a cover page with my 7.1 site using custom code. Upon entering, I don't want people to be redirected to the cover page when tapping on my logo in the site header. I want it to keep them inside the site, and bring them back to the actual home page. Going back to the cover page and re-entering every time you want to go back to home is annoying. I did this once before, then changed, and can no longer figure out how I did it...what custom code I used. Thanks.
  24. Site URL: https://ruby-herring-z3b2.squarespace.com/ Hi everyone! I have been trying to solve this problem for weeks now with no luck. I know the answer is going to be relatively obvious, but so far, nothing. I would like for the navigation on the site below to have the same hover animation as the main navigation as this site. (Wavy) https://ruby-herring-z3b2.squarespace.com/ password: summersidenew I have tried: Javascript and CSS animations (with no luck) but I know it's because I am just missing SOMETHING.
  25. Site URL: https://www.jhbearsolutions.org/ I am trying to use the inject custom code feature to change the nav icon color or burger icon (drop down menu) color on one page for both the mobile and the desktop site. I used the below custom code injection to successfully change the text color of the pages links, but I cannot figure out how to do the same for the 3 bar icon that expands the page menu when the window width is too small or for the mobile site. Any help would be greatly appreciated.
  • Create New...