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://bugle-carrot-jsl4.squarespace.com Hello! Looking for some help to format my navigation like this site: https://mazius.webflow.io I have the boarders set but not sure how to get my links on the left and right sides. Thanks!
  2. Site URL: https://www.anqi-wu.com/ Hello! For some reason I am having issues with figuring out how to fix this layout problem on my webpage. The newsletter block and my social links are overlapping on top of each other. Is there some sort of custom CSS code I can input to fix it? As well, an additional small minor issues if anyone knows how to fix, the spacing within my newsletter block is a bit off. I'd like for there to be less space between the text and the email input box if that is something that can be adjusted? The current template I am using for my webpage is Wells. I also
  3. I am using the Paloma template and want to make teh top navigation look more like buttons. Any directions for this?
  4. Site URL: http://uppercutdanseteater.squarespace.com Hi! I would like to have a burger menu on the right side corner of my website, but when clicking on it, it hides the background as if I'm entering a new site. And I would like it to look like this: (transparent when you click on the burger so that you still se the background as well as to be able to use the folders) I am currently using this code: @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu
  5. I am using the Pacific template, and my navigation is goes in this order: Home | About | Services | Team | Contact | Your Visit | Vascular Access The first 5 links (Home through Contact) are all on a index page. Your Visit and Vascular Access are their own individual pages (Vascular Access is a folder actually). What I am trying to do is have Your Visit and Vascular Access show up after Team and before Contact in the navigation. I know I cant move those 2 links into the index to reorder them, so how do I do this? See screenshot below.
  6. Site URL: https://www.birminghamearlyyearsnetworks.org/ I'd like to be able to add more items to our top menu without having them separate onto two lines, without the CTA button being pushed over to the side... Any suggestions?
  7. Site URL: https://www.urbanpawspets.com/ Hey Guys, I have added some custom CSS code to style the navigation drop down menus. The problem I am running into is: on the HOME page the dropdown and menu header has white text (and looks good with a semi-opaque dropdown background). When I move to a different page on the site, the menu header has blue text. Is there a way to customize the background of the drop-down menu in relation to the "design theme" or specific to a certain page? So the home page with white text has a XXX background, and the other pages with blue header text have
  8. Site URL: http://kanbeeapp.com Hi All, The announcement bar is covering the navigation panel on the mobile version of our website. We used some custom css but weren't able to figure out how to fix this. Has anyone come across a solution? kanbeeapp.com.mov
  9. Site URL: https://www.nancykononelos.com/ Hi, On scroll, how can I add a 1px bottom border to my navigation bar? Thanks!
  10. I am working on a Bedford template and when you have multiple nav bar items the site will automatically change the navigation style so it becomes a drawer with a hamburger menu to accommodate. I have a use case where I would want all navigation items to show, is there any way to stop the template from automatically changing the nav bar? Thanks!
  11. Site URL: https://www.cdfielddays.co.nz/ Hi there, I can't seem to figure out how to format my nav menu button for tablet/smaller screen view. When the window on a computer is made smaller or viewed on a tablet, it formats the button onto two lines and it makes the nav menu very deep - is there any way to make the button automatically resize depedning on what screen size it is viewed on? Have got it working on mobile all ok. Screenshot of smaller screen view attached. Thank you!
  12. Hi there, I want to add a drop down to the primary header menu for 'Blog' by category. The other header categories can do this via folders but is it possible to do the same on the primary menu, as opposed to inside the blog page via an archive block? I suppose alternatively I could create a page called 'Blog' in the primary navigation and within that page have a folder, which contains various pages each of which is a blog category page, and have the primary page directed to an unlinked blog, but this is both a lot of work re-arranging and also seems to defeat the point of the blog fe
  13. Site URL: https://hampseshop.com How to delete the space between top navigation and banner in both mobile view and desktop view https://hampseshop.com Thank You in Advance
  14. I've added this code into the Custom CSS: .sub-nav a:active, a:hover { outline: 0; color: #237CA8 !important; } Which has created the desirded effect (a hover state for my nav links) but it's also added the blue hue to all my button hover states. How can I get the Custom CSS to only target my menu nav? (See two images attached) Thank you in advanced!
  15. Site URL: https://camerongetty.com Hi, I just changed the MENU text on the Wells template's mobile view to a hamburger icon, but for some reason, the icon doesn't line up nicely on the right side of the viewport like the MENU text does. Any fixes? Here's the added custom CSS: #mobileMenuLink a:before { content: ""; background-image: url(https://static1.squarespace.com/static/5faf83293c1c873f9e16be1a/t/5fbda7bf2dd96f5918a94f27/1606264767069/icons8-menu-48.png); background-repeat: no-repeat; background-size: contain; background-position: center center; wid
  16. Site URL: https://www.parkbrewing.company/products-attack-the-block I have four store pages, I call them "Collections:" Collection: Attack-the-Block Collection: Park Brewing Collection: Sask Rec. Collection: Dub-Dub! The issue I am having is when you are on one store page for example "Collection: Attack-the-Block". There is no navigation ability to switch between store pages. I would like to access the other three store pages "Collection: Park Brewing" etc. for example. I have done a number of edits to the {products.collection-content-wrapper .nes
  17. Hi guys! I was wondering if it is at all possible (without the use of developer mode) to remove the entire Squarespace navigation and replace it with custom code. I have created custom code that I like better but I am not sure how to go about changing it. Thanks a lot in advance.
  18. Site URL: https://www.christophercalmeyer.com/ Scoured the forums but couldn't find any answers to this, my apologies if it has been posted already though! Is there a way to force the navigation links in the Jasper template to be listed vertically at all times and not just when the browser window has hit a certain size threshold? Attached is an example of how I'd like the navigation bar to look. Thank you!
  19. Site URL: https://goose-swordfish-amj3.squarespace.com/ Hello, Our site title is a little long. With the cart, search and nav icons alongside it, the mobile header is very busy. Is there a way to put these icons at the top of the mobile menu, so that the header only has the site title and the navigation icon? I've attached images – the first is the busy header, the second is the mobile menu. We'd like the icons to appear above "Art Projects." We're using Marta. Let me know if you need additional info. thanks!
  20. Site URL: https://www.thesuccessleague.io I'm building a site for a client on a 7.0 Bedford template (Hayden.) I'm having an issue where clicking the hamburger icon on mobile version of site will not activate the mobile menu. Occasionally, the window will pop up, but then I'm unable to click any of the navigation items. Some research leads me to suspect that it's an issue with some of the HTML blocks I have on the site, or a tabs plugin I have installed. Would appreciate any assistance with this issue!! @tuanphan perhaps this is within your expertise? Thanks! www.thesu
  21. Site URL: https://www.hellosunshine-film.com/ I'm trying to use the code below to fix the header/navigation but it ends up moving the site title below the nav items. Please see attached before/after screenshots. THANKS! .Header { position: fixed!important; z-index: 1000; width: 100%; }
  22. Site URL: https://www.brunhilda.cz/ Hi, I would like to know if there is any code to change WELLS mobile navigation hamburger menu, so it does not cover the full page. so from this: to this (or something similar :): Thanks so much for your advice!
  23. I have the categories set to top bar navigation. I would like the category navigation (all the categories) to remain in view on each category page (not product pages), with a highlight on the current category the viewer has clicked. Currently on my site when you click a specific category, the entire listing of categories disappears leaving only "all pieces /"* and the category you are on. *Further, I don't understand where the slash mark is coming from either as it is not part of my naming and I would like to remove the slash.
  24. Site URL: https://rose-octahedron-r9ek.squarespace.com/respire I am using Squarespace 7.0 Brine template with index navigation and fixed header that becomes smaller using jQuery. Problem: Every time I click on index navigation to scroll down to a page, it off by the size of head due to its fixed nature. Please let me know if something can be done. Link: https://rose-octahedron-r9ek.squarespace.com/respire Password: 12345
  25. Site URL: https://cylinder-haddock-nfkd.squarespace.com Hello, I'd like to have a separate style for the sub navigation items in the expandable side menu for my site, which is built using the Wells template. At the moment, my navigation looks like image A, where the main and sub nav fonts are identical: But, I'd like it to look more like image B, where the sizes, weights and colours of the main and sub nav fonts are different: As a bonus, I'd like to be able to adjust the indentation of the sub nav items, if possible. Any advice would be much appre
  • Create New...