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: http://www.mimiceramics.com Hello! I looked all over the forum to see if I could find an answer for this and couldn't find anything, so apologies if I missed it. I know that the navigation action varies by template, some of them you have to click to get the drop down and some you can hover (like the template I use, Brine). However I'm wondering if there's any code to switch that and make it so the visitor has to actually click the icon to get the menu to open. And then I guess making sure there's a way for them to exit as well? Thanks so much!
  2. Site URL: https://pomegranate-badger-p3wd.squarespace.com/ I'm basically trying to create a second navigation bar within a page section. The idea behind it is, when you click on the button/hyperlink other content appears without opening a brand new page. Let me know if there are any questions on this. thanks! and I will update this thread with anything I find on the web. questions_ss_underlinemainnav.mp4
  3. Site URL: https://www.oceanistanbul.com/ I built a portfolio page with sub-pages. Everything works well, but I want to be able to navigate to each of the sub-pages from the navigation menu at the site header by hovering over the portfolio's link and selecting the sub-page title.
  4. Hello! I am trying to change the size and opacity of my dropdown menu items, so that the box fits the width of the text and the black background is only slightly visible. I used these two codes found in the forum, but nothing changed: .header-nav .header-nav-item--folder .header-nav-folder-content { width: auto; } .subnav {background-color: rgba(0,0,255,0.1) !important;}
  5. Your website’s navigation might not be the first thing you think about when setting up your website, but it is a key aspect of your customer’s experience with your brand. A smooth navigation setup can really make an impact and encourage repeat visitors. A common goal for navigation is making sure your visitors don’t have to click more than 2-3 times to get from one section of the website to another. Some achieve this by sketching their site out on paper first. Others put everything in first, then let their analytics do the talking. Everyone has different strategies to achieve their perfec
  6. Site URL: https://www.thewallgroup.com I want to create a homepage navigation the same as the linked website - where the user can scroll through sections using the arrow keys or the 01-08 option on the right of the page. Is this doable, somehow utilising the sections in squarespace 7.1? There's a nice fade / section stick as you scroll through the linked, is this something else that can be done.. Would love to know!
  7. Not a live site yet, but I'd like to create a sidebar that stays on the left as you scroll down the page (Background, Problem, Solution, Process, etc.) in addition to the existing sticky header navigation (About, Work, Contact, etc) Is there any way to do this with custom CSS? I've attached an example. The scrolling sidebar should be DIFFERENT between each page. Thank you!
  8. Hello everyone. I am building 5 long pages that introduces 5 products. As visitors scroll down the long pages, they are kind lost of which product they are on. So is it possible to add text like" Product 1" and then set it fixed ,so that the "Product 1" title will follow as we scroll down the page? Thank you.
  9. Site URL: https://wolverine-ocelot-jsdw.squarespace.com/ Hi, I'm trying to make the black background of the navigation drop downs, slightly transparent, about 25%. The current CSS I have for the font color upon hover and background color is: .header-nav-folder-content { background: #000000 !important; } .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item:hover a { color: #3498DB !important; } Thank you ahead of time!
  10. Site URL: https://www.thelostline.com/ Hi there, Is there a way of just adding an extra line to the burger icon rather than switching the actual image? I have tried switching the image with this code but then you lose the close cross. .burger-box div { display: none; } .burger-box { background-image: url(https://static1.squarespace.com/static/603d17badde1340721bf9aa6/t/603e0cfa2a57340f6d743b47/1614679290787/Burger-icon.png); background-size: contain; background-repeat: no-repeat; background-position: center center
  11. Site URL: https://www.niche.wedding/ Hi, I'm trying to add a second button to my navigation, underneath the current button. Is there any code that I can use to so this? Thanks
  12. Site URL: https://www.triggersanj.com Hi all, does anyone know the CSS code to make my website main navigation bar static as the user scrolls down the page? Thanks in advance.
  13. Site URL: https://www.laurendenitzio.com I'm currently using the Wells theme in 7.0 and the mobile menu is terrible for my current navigation setup. I wanted to switch to 7.1 to have more options to customize the mobile nav, but I don't see any easy way to have a sidebar navigation like there is in Wells. Is it possible to do that without a lot of coding? I'm capable of doing that, but am pretty annoyed that I'm having to rebuild an entire site AND custom code a side nav just to get a mobile navigation display that's not awful. I basically just want to build a site using 7.1 that looks
  14. Site URL: http://czebra-shop.squarespace.com First, thanks to everyone who contributes here. I've cobbled together quite a bit of code to create what I have so far. A couple of outstanding issues I'll ask about in other posts. For now, my biggest headache is how limited the category navigation options are. What I want to achieve: Categories (animals, floral, etc.) visible on each page of products, filtered or not, on both desktop and mobile. Ideally, I'd like to have the Category Sidebar Navigation on desktop and Top Category Navigation on mobile. Is that possible? The proble
  15. I have been stuck on this problem for two days now. I can not manage to remove the button on the top right of my screen. The button that says "take action" needs to go asap. Im launching this website tomorrow so the sooner someone can help, the better.
  17. Does anyone know how to change the breadcrub settings - if it possible? I could like the breadcrumbs to use the greater than symbol ( > ) instead of the slash it is currently using. Thanks!
  18. Site URL: https://BolesBells.com Hi there -- The Hamburger Navigation links are not working on my website or blog in mobile view: https://Bolesbells.com https://Bolesbells.com/blog That menu used to work. Today, nothing happens when I touch it to expand the menu. Nothing changed. Not added. No special code or CSS involved, ever. Thanks!
  19. Site URL: https://nonagon-cricket-srz2.squarespace.com/config/help Hi, is there an easy way to have my header like this: Name/title (on LHS). Logo (in the middle) Navigation menu and contact button (on RHS) It seems to me that you can either have the site title or logo but not both. Please see current homepage image attached where I've used a workaround by just having the title as a separate text box below the header. But I'd like to know if I could have it all in the header please? Thanks.
  20. Site URL: http://wotwnyc.com Hello, does anyone know how to not have the blow code display: " data-animation-role="header-element">Reservations This is now visible at: wotwnyc.com Thank you!
  21. Site URL: https://jakejensen.squarespace.com/config/pages I need to align the navigation bar to be on the same line as the logo, but instead of float left and right to the edges of the screen, I need it to be a fixed position next to the logo. I have tried the spacing on the menu items but that messes things up with different screen sizes. If anyone could help me with this, that would be great! This is what the site looks like now: And this is what I would like it to look like: Website: https://jakejensen.squarespace.com/config/pages password: jakeandky
  22. Site URL: https://mouse-trout-epjy.squarespace.com/search Hi, I am trying to invert colour of the logo on my header on the search page (I have managed it on other pages eg cart, products etc) and also invert the CTA text colour in header too. this is the code I have for changing both on cart page: body#cart .header-title-logo img { filter: invert(1); -webkit-filter: invert(1); } body#cart .header-actions-action a { color: #000000 !important; } so I know this works on the cart page but I can't get it to work on the search page, have tried targeting .sqs-se
  23. Site URL: https://www.wij.design/ Hello! So I use Squarespace to host my portfolio. My home screen has a list of past projects. The hawley template allows me to choose an image that fills the screen when I hover over the project page link. I've been resizing the image, in my image (if that makes sense). The image I'm uploading to Squarespace is a mostly white background, with my project image resized and placed in the part of the screen I want it to pop up on. Is there any way for me to edit the size and placement of this image, so that I don't have to forma
  24. Site URL: http://wotwnyc.com Hi Squarespace Community! Please see here: wotwnyc.com I have linked the current reservations as present in the site nav, however I'd like to apply a script to apply the widget and Resy button, here's the the original code block (note, we're hosted via Squarespace): <a href="https://resy.com/cities/ny/writing-on-the-wall" id="resyButton-bpRtWhwJeDqaKYkQZWcXc">Book your Writing On The Wall reservation on Resy</a> <script src="https://widgets.resy.com/embed.js"></script> <script> resyWidget.addButton(document.getE
  25. Site URL: https://blackbird-pelican-7jzx.squarespace.com/ I did a one page website in english, with this tutorial on youtube. All good it works. BUT, if I want to add a french version of my english page, how can I do it? Cheers
  • Create New...