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://esbyphotos.com/galleries/portraits I am looking to remove the navigation links that are at the bottom of each of my portfolio pages. I already have custom buttons that I added to the bottom of each page and I don't want the arrow links to either side that is currently at the bottom.
  2. Hi, Can someone please tell me how to adjust the opacity of gallery background you can see in the attachment? Also, is it possible to move the naviagation to the top of my site rather it being in the footer? Thanks Steve
  3. Site URL: https://jakejensen.squarespace.com/config/pages I was just wondering how I could line up my menu items to be closer to the logo in the middle instead of to the edges of the screen. Since I've already done all that I can to make sure they are on the same line, I will need to use some CSS. I would need the left block of menu items to float right and the right block of menu items to float left. I don't even know what the menu items are listed in the CSS so I don't know how to tell it to float a certain way. I will include pictures of what I mean. Would anyone know how to do this?
  4. Site URL: http://a-b-c.org Hi there, On our non-profit's website (www.a-b-c.org), we wanted "donate" and "ABC Store" to appear in blue bubbles on the navigation bar to be more attention-grabbing. I used a custom CSS code I found online #mainNavWrapper .folder-toggle[data-href="/donate-1"] { background: #11a2e3; color: #ffffff; padding: 15px !important; border-radius: 30px; } This works when I have the browser on full size, but it doesn't work when the navigation menu is collapsed under a hamburger/ on mobile view. I'm attaching a screenshot that shows the donate folder d
  5. Site URL: https://hen-rust-2rf6.squarespace.com/ Hello, I'm hoping someone here may be able to help me figure out the custom CSS that I need to change the issue I'm having with my current site design. I have a folder in my header navigation titled "Reservations" that when hovered over, the drop down menu is approximately twice as wide as the page titles that drop down below the folder. I'll attach a screenshot for reference. In a perfect world, I'd like the drop down to only be as wide as the widest title of the page within the folder with a small amount of padding on either side,
  6. Site URL: https://www.nickdavid.co.uk/ Hi, I am having an issue with a custom code. This code is supposed to give me the option to add social icons to the top main navigation bar. The code works well, but with one issue when making the icons open in a new tab. When navigating back to the original Site, the clicked icon is marked with a dotted squared. It disappears again when clicking on other parts of the site. But would like to know if there are any way to remove. I have attached images for example! Here is the code that is injected in the header: <meta name=
  7. Site URL: https://wisteria-wolf-bl47.squarespace.com/meal-plan-app I am trying to make it so you are able to quickly navigate to different content on a page using sub nav. I have added sub navigation to the page but I can't figure out how to link to different parts of the same page. Does anyone know how I might be able to link to page content rather than other pages on my site? Password for site: portfolio
  8. Site URL: https://wisteria-wolf-bl47.squarespace.com/meal-plan-app I am trying to make it so you are able to quickly navigate to different content on a page using sub nav. I have added sub navigation to the page but I can't figure out how to link to different parts of the same page. Does anyone know how I might be able to link to page content rather than other pages on my site? Password for site: portfolio
  9. The navigation is empty on this version 7.1 site but the navigation icon still displays for mobile, so I'm looking to hide that.
  10. Site URL: http://joaoruas.com Hi, I am redesigning my website and everything was going well on both, mobile and desktop, until I checked it on my Ipad Pro. It looks awful there. The burger menu is out of place, and the navigation menu has no alignment at all. Also, there is no reason to have the mobile navigation on a 12.9 inch screen. Is there a way to disable the mobile header? I tried a couple of css options but they bring out more bugs than solutions. the website is http://joaoruas.com the pw is 777
  11. Hi there, @tuanphan I have used both of the code below to make my header transparent, but it's only working on the homepage. How can I make it so the header is transparent on all pages? Currently when I scroll on my inner pages, the block colour behind my logo and nav is still there. Image attached. /* homepage header transparent */ .homepage header#header { background: transparent; } /* Home transparent */ body.homepage .header-announcement-bar-wrapper, body.homepage header#header { background: transparent !important; }
  12. Hello, I would like my header navigation folders to be clickable and to land on a contents page with a list of pages in that folder. Multiple folders (~5), each with (~3) pages in them. I've read a few things around and the CSS code I have seen to do it seems overly complex. Any thoughts on how to approach this? Kindly, Bryn
  13. Hey guys! I'm having a little problem here. I have a website in which i have made it in such a way that buttons from the navigation menu jumps down the page to a specific section (Anchor links). However my problem is that i also have a webshop which of cource takes me to anthor page and when in the webshop my anchor links doesnt work. is there a way so when im on the webshop and hit a button with an anchor link that it ca take me back to the main page and jump down to the section?
  14. Site URL: https://www.musaparadisiaca.net/about Hi there. I am aware that this is a common issue, even though, I couldn't find any CSS solution to it concerning version 7.0. I know the solution for version 7.1 but, that version comes with different issues concerning customisation. Could someone please help me with a CSS solution for hiding specific navigation items with the purpose of creating a bilingual website? It is absurd that this option is no longer available on styles from scratch. Thanks a lot for your time!
  15. Hi! I am working in version 7.1. I would like my nav menu to span the width of the page and not stack. Right now it stacks on the left side of the logo. I would like the logo to be at the top and the menu bar to be below. Any suggestions? THANK YOU in advance!!
  16. Site URL: https://arugula-orange-5eeb.squarespace.com/ I want to add some text that says 'Login' next to the 'Get Started' CTA button in the header, but I'm not sure how to add a second item to the .header-actions--right class. Here's what the site currently looks like: And here's what I want to add (see top right, just added the 'login' text in Preview on Mac). This text should link to an external URL: I can DM you the login info if you need to look at the site. Thank you for the help in advance! - Tim
  17. Site URL: https://www.saintsaviour.org Hi all, I would like to test possible redesigns of my site header - changing the logo, creating a secondary nav bar, playing around with adding an image background, trying out code I've picked up from seeing how others have designed their site headers. When I've tried to play around/experiment with the site header on a hidden page or a copied page, the site-wide header changes, too. I get why that is, the site header is global. Still, Is there a way to experiment (perhaps over several weeks) with/change my main site header without having
  18. Site URL: https://www.jordangraceowens.com Hello, I'm trying to create a link and page in the secondary navigation that are hidden on desktop but show on mobile. Thanks for any help!
  19. Site URL: https://rootworks2021.squarespace.com I'm trying to change the button on my nav to an outlined button. https://rootworks2021.squarespace.com
  20. Site URL: https://www.jordangraceowens.com Hello! I have navigation links nested inside a folder, and I'm trying to hide them on mobile. They're hidden on desktop (until you click) but everything shows up on mobile. I've tried searching for custom CSS but haven't had luck with anything. Thanks for any help!
  21. Site URL: https://www.nickdavid.co.uk/ Hi, I just recently followed this guide to add social icons to the top navigation bar. https://christyprice.com/squarespace-tips-tricks/how-to-add-social-media-icons-to-squarespace-navigation Using this code from fontawsome: <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"> With this link in navigation meny it worked out great to add the icons to the top menu navigation bar.. <
  22. Site URL: https://thevisualbrand.squarespace.com/work/altos-tequila Since we cannot see the white logo in the blog pages, we want to change the navigation color only on blog pages: /work Example page here: https://thevisualbrand.squarespace.com/work/altos-tequila Password: tvb
  23. Site URL: https://mango-cylinder-yeyd.squarespace.com/ Hi Everyone, I've designing a new client site with a solid navigation at the top and a background banner image underneath. I've noticed that the image position is not centred correctly in the banner height? Take a look at the Free Resources page and you can see that there is a geometric symbol that should sit in the centre vertically, but it's not. I think that by default the banner images are set to fill the height including the navigation section and this is fine for most images, but when there is an important element th
  24. Site URL: http://orchardroomnyc.com Hello! I am trying to solve for aligning our current 'Book Now RESY button' on the site header. orchardroomnyc.com Is there custom CSS that can help handle this for us? The goal would be to right align before the current Instagram icon, it would also be great to center it with all the other site header elements. Thank you in advance!
  25. Site URL: https://ththealth.org Circlers, in search of fresh, dynamic nav bar ideas? I currently have a flexible menu in place but I am looking to replace due to customer feedback/challenges with hover and load on this one. Because this is a health plan, the nav is essentially a site map and fairly robust w categories, access links. Please share any site ideas, inspiration and/or plug-in options. Thank you!
  • Create New...