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'.

More search options

  • 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



Found 149 results

  1. Site URL: https://harpsichord-iris-5pyr.squarespace.com Hi all, I'm trying to keep as much on the Homepage as possible for easy scrolling on mobiles etc. However, I want to include a drop down menu in the Navigation Header that takes you to a specific section lower down on the Homepage. Ideally, I would create a Link page in the dropdown that would take me to the section. But in the Pages menu, I'm not able to add sub-sections on the Homepage (which is 'Not Linked' - in case that makes a difference) If you refer to the image attached: I want to include the HOW I WORK & PRICING sections within the Homepage, but have both headings available in the Navigation Bar. I hope that makes sense! Thanks in advance!
  2. Site URL: http://bronwynkan.com I would like to hover over a button in my navigation menu and reveal a different line of text: i.e. Hover over "Contact" and for it to reveal my email address (and potentially open up a mail to link when clicked on) or hover over another heading called "Instagram" and for it to reveal my handle and lead to my Instagram page when clicked. Is there a code I could attach to make this happen?
  3. Site URL: https://wombat-dinosaur-kkfh.squarespace.com/config/ Hello! I desperately need help finding a CSS code that will work for a hover effect on my navigation links in the menu bar. I want the effect to be something like an underline when the mouse is over a specific link OR an effect where all the links blur when the mouse is hovering over a specific link. Any help would be SO appreciated I have literally tried everything Thank you!!!!
  4. Site URL: https://www.mattportch.com Hi, How do I get "< BACK" to go below my navigation project titles? (Select PROJECTS from the hamburger icon top right)
  5. Site URL: http://www.rosie-brock.com/ Hey does anyone know how to replicate this "Prev/Next" and "Show Thumbnails" for a page that has a slideshow gallery block? Is this an older version of Squarespace? I believe this is done in WELLS template. I've tried adding text to Header Content, wrote out "Show Thumbnails", and linked it to a private page that contains a gallery grid. I brought the text to the bottom left corner of the website using a spacer. Issue is that this text is fixed, so clicking "Show Thumbnails" will always bring the user to the exact same gallery grid. Here's two other websites that have this same feature: https://www.kovikonowiecki.com/ and https://www.tarekmawadphoto.com/ I appreciate any help I can get. Thank you!
  6. Site URL: https://www.danramsey.co.uk Help1 :D. I have styled the secondary navigation as a button. I want that to activate the promotional newsletter subscription in brine via a button in the secondary navigation. I don't want it to pop up at all without peoples choosing. Logic tells me there must be a way of getting the nav link to trigger popup? I don't want to use a third party plugin. When I am already paying x for ss, and in ss there is a tool for creating buttons, creating popups and collecting emails, I don't see why I should have to pay more when all I need to do is connect two things that already exist. If you can help, you will have prevented me wasting even more evenings of my life trying to work it out :-). regards Dan ...image attached. ignore first which is when I was thinking about the form block, its really triggering the promo block I am interested in: second image
  7. Site URL: https://grouper-copper-fkpt.squarespace.com/ Hey all, Since my navigation bar is transparent and is containing white text, I need to add a drop shadow to the button, nav-links and title inside of the nav-'box'. I've tried each and every method that have been posted online, sadly without any success. Thus any help would be appreciated greatly. As said in this post title, I'm using SQSP 7.1. I'll be happy to answer any further questions. Thanks a-lot!
  8. Site URL: https://www.justinphang.com/ Hey there peeps! Here's my website https://www.justinphang.com/ in Lange Template I'm a total beginner in CSS and I've been searching everywhere in the forums and Google to no avail of the effect I'm trying to achieve. I'm trying to add hover animation to the pictures in the homepage. It is an Index page. The animation I'm looking at is a slight scale of 1.1 when the mouse cursor is hovering the pictures and the rest of the pictures are slightly blurred, also trying to achieved a slight drop shadow at the hovered picture too. If it's not too much to ask, I'm trying to add animation for the main navigation (Weekdays, weekends and week-long) so that they fade-in appear one by one after the main picture is loaded. But this appearing animation only applies to the homepage. Is it possible? Thanks in advance!
  9. Site URL: https://www.stpaulstrust.org/ I am having the worst time trying to learn the new 7.1 system. It seems to be far less customize-friendly than 7.0, and I cannot figure out how to remove the strikethrough effect on active links in my navigation (which should be an easy enough task). I tried looking in font settings and am now trying to code it out, with no luck there either. .header-nav-item a { text-decoration: none!important; } .header-nav-item a:hover { text-decoration: none!important; } .header-nav-item--active a { text-decoration: none!important; } Has anyone else experienced this issue and have you found a solution?
  10. Site URL: https://plum-ellipsoid-y6lj.squarespace.com/config/settings/site-visibility My navigation bar looks like this. I want to put just the text 'About Carlton' + 'Work' in a white box each with black type (almost like a button). I can't for the life of my figure out how to adjust them (or add another button to my Navigation). Please could I have some help! Thanks!
  11. Site URL: https://www.mattportch.com Hi, Is there a way of keeping the PROJECTS navigation on the same page? (not sliding to another nav page) It would be great if it could go something like the below examples... OR...
  12. Hi Guys, I'm trying to replace the last two items in my main nav with Icons. I did it before with the "Five" template and I used this code: <script> $("nav#main-navigation > ul > li:nth-last-child(1) a").replaceWith($(iconEN)); $("nav#main-navigation > ul > li:nth-last-child(2) a").replaceWith($(iconDE)); </script> The problem is that I can't use the same code with the "Mentor" template since the structure seems to be different from "Five" If I inspect the main nav on my "Mentor" template it shows something like this: <a href="#" class="Header-nav-item">DE</a> Can you guys help me with figuring out how I need to change my code so it works for the "Mentor" template? All the best Feingeist
  13. Site URL: https://annabelreese.com Hello, I'm using the Bryant template for my site (https://annabelreese.com). When I enable customer accounts the corresponding "Sign In" link gets displayed in the navigation, which is fine; however, I'm unable to move that link to a different position. Is it possible to move? Or am I stuck with it being fixed in the first spot? Thank you in advance.
  14. Site URL: https://www.grindstonewines.com/cart I have a couple of my pages on my site linked to our POS system (for sales & inventory purposes) but lastly I need out checkout Cart page linked to our POS system. I have the new URL but Square Space does not offer to link the Cart Page like they do with other pages. Would custom coding help? Has anyone else come across this issue? Thanks in advance
  15. Anyone know how to hide the cover page link on the navigation bar? I know nothing about coding so need it explained to me as easily as possible.
  16. Hello, My friend designing my website has used a template that on the home page has the title 'Recent Work' appear. I would like to remove these words. How can I? Thanks
  17. Site URL: https://jademandrake.com/ Hi, I am trying to install a custom font in my Avenue template just for the navigation. I've used two of the codes I I've found posted online, but neither work. I'm hoping someone can help me? 🙏 Here are what I've tried so far: .main-nav a { font-family: Your Font Name !important; } and this: @font-face { font-family: your-font-name; src: url(enter your font name url here); } #topNav nav ul li a { font-family: your-font-name; }
  18. I want to create a sign up form on my website, with a link to our terms and conditions and privacy policy so people can agree to this before typing their e-mail in accordance with GDPR. Is there a way to do this within the form? Thanks
  19. Site URL: https://www.concertplanning.com Hello, I added a Calendly Popup Widget to my website and the website works fine on desktop and tablet. However, the body of every page where the widget is added (all pages) becomes opaque when viewed on mobile. Also, not mentioned in the video is that fact that my navigation links also don't work on mobile when the Calendly widget code is present on the page. I recorded a narrated video illustrating the issue here.
  20. Site URL: https://www.mattportch.com Hi, anyone know how to tidy up the following when clicking the navigation icon? 1. I want the arrow a bit higher so it's centred to the word PROJECTS?... Next image - when clicking on PROJECTS: 2. I want to make all the text centred on the screen (higher than it looks now)? 3. I want to get more space between the arrow and the word BACK and move the arrow a bit higher so it's centred to the word BACK?
  21. Site URL: https://www.mattportch.com Hi, When selecting "projects" from my navigation, instead of sliding to another navigation page, I would prefer to see those page titles appear below the word "projects"? I've illustrated how I would prefer it to look as step 1 and 2 here... Step 1... Step 2...
  22. For some reason, a hover effect is showing up on active pages on nav links. For instance, navigate to About page. If you mouseover the About page link, the opacity changes. I have not applied any custom CSS. This came with the starting template. I can't find anything in the Design settings, or otherwise. Chrome inspector shows: body:not(.tweak-transparent-header) .header-nav-item--active a:hover { opacity: .7; } body:not(.tweak-transparent-header) .header-nav-item--active a:hover { opacity: .7; }
  23. Site URL: https://travelersoftomorrow.com/ Hi there, I finished and published my multilingual site and people choose their language on my home page as it's usually the case for Squarespace websites. However, I would like that, when a visitor clicks on my site logo (top left), they would be taken back to their language home page (/home for english, /accueil for french) and not back to the page where they have to choose language again. I feel like this issue makes navigating the website kind of annoying. Apologies if this issue has been addressed before. FYI - I know really little about coding. Many thanks to anyone willing to help! 🙂
  24. Hello guys! Is it possible to change the colour of each navigation link on Hover and Active for Squarespace version 7.1? I am using Mark Novo template! Ex: I want the 'Product' text link to turn blue when hovered and remain blue (bold) when active and I want the Video text link to turn red when hovered and red (bold) when active. If none of the navigation links are hovered or clicked, I want them to remain 'grey'. Help please!
  25. Site URL: https://www.daughtersofjacobgen.com/products The markdown code seems to be triggering the problem. It makes the accordion blocks work, but messes up the navigation button highlighting only. When you click on a button it goes to the right page, it just highlights the button above the one where you click. Furthermore, the problem starts farther up the list each day I try it. Pardon the website, it is seriously under construction. Here is the code: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','help'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script>
  • Create New...