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 155 results

  1. Hello Everyone! New to Squarespace. Was wondering if there were any way to have images replace text for page links in the header navigation? For example...if I have the text "Home" as my first link in the header navigation...could I theoretically replace this with an image of a "Home" that links to the same page? Whether it be with proprietary Squarespace options or CSS/Java...I can't seem to find a method to accomplish this with. Thank you for any help in advance!
  2. Site URL: http://http/cindyseaglerock.com On the mobile homepage for my site, I had to put a hand pointing towards the dropdown navigation arrow because it is so small people might not realize it's there on the iphone. The arrow is completely missing from iPad view on Squarespace (and the site isn't even directed to the mobile homepage I made when trying to view on an iPad). Is there some code I need to utilize to make this work better? Thank you
  3. Hi, How do I add a button that prompts a customer to continue shopping and takes them back to the main shopping menu page? Thank you!
  4. Site URL: https://www.longbeachphotobus.com/ Hi! I'm working on a new site and when a gallery page is the first page in my index page, the social links turn white (or are maybe underneath the navigation) even though there's a color set in the site styles. If I put a blank page or other page type as the first page in the index this doesn't happen. I have used a few lines of code to create the overlapping logo effect, and removing all the custom css on the site didn't fix the issue. In the index gallery section of the site styles, deselecting 'overlay header on first index gallery' did fix the social links issue, but then I have a huge amount of padding/white space under the logo and can't achieve the overlapping logo effect I have currently. Any help with this would be appreciated! I attached a couple of screenshots for reference and the password on the site is LB. TIA! *Currently looks like this, social links are there but not showing *de-selecting overlay header on first index gallery fixes the issue but then there is a ton of white space on the bottom
  5. Site URL: https://harpsichord-iris-5pyr.squarespace.com/config/design Hi all, I'm sure there is a simple solution for this, but I assumed the navigation links would be the same colour as the text in the first section (green), but it's displaying as black (see image 1). The Header background is set to Transparent as I'm using a different style on the Homepage (image 2), i.e. Transparent Header with Navigation Links in white. Is there a way to make the Headers green in image 1 without affecting the Homepage? Thank you in advance!
  6. Site URL: https://www.figura-sculpture.com/nl/ Hi there, I have a multilingual site (with custom coding) and have a eventspage, which is placed in a dropdown folder. I want the eventspage to also be shown in a different dropdownfolder. I tried a link, but that doesn't deem to work. So my question is, how do I show one event-page in two dropdownfolders? Thanks so much for your help! Bart
  7. 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!
  8. 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?
  9. 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!!!!
  10. 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!
  11. 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!
  12. 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!
  13. 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...
  14. 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)
  15. 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
  16. 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.
  17. 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
  18. 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.
  19. 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
  20. 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!
  21. 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; }
  22. 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.
  23. 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; }
  24. 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>
  25. 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!
  • Create New...