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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://www.inboundhouse.com/ Hey folks! I can't seem to find an answer to this anywhere online so wanted to ask here. I'm building my website on the 'Ready' template and would like to change the navigation style - instead of the icon/burger menu, I'd like a regular menu to display at the top header of all pages. Is this possible by adding custom CSS? I really like this template so wouldn't want to start from scratch again... but I will if I have to. :) My website link: https://www.inboundhouse.com/ Thanks so much!
  2. Site URL: https://www.chelseykivland.net/ Hello all, Two quick questions. I am currently trying to work out a solution to a problem where I cannot link project pages under the portfolio (ex. /home/about) within my navigation. If I stick /home/about or /home/author, etc. in the navigation, the underline that denotes the current page you are on will remain under Home because the pages are all technically under home. Is there way a to get rid of the underline completely through custom code? If not, I am not opposed to creating regular pages (ex. creating an /about page inst
  3. Site URL: https://coconut-hypersphere-nmr5.squarespace.com/config/ I currently have a link in my header navigation that I have made unclickable on my desktop version of the site however on the mobile it is still clickable. I want to make it also unclickable on the mobile site, Any help would be greatly appreciated. password - johnay
  4. Hey guys! I have an issue with redirect (url slug) different pages in my agency website. Struggling to figure out how to connect the same project from Home "Work" portfolio section and Work Portfolio Page. Overview: 1. My site has a Home "Work" Portfolio section where we represent the latest agency work (4 projects) 2. My site has Work Portfolio Page where we represent all agency work (more than 4 projects) 3. My site has the Project Page that I'll need connect to Home Page Portfolio and Work Page Portfolio. The goal is, no matter that user clicks on the exact Project Pag
  5. Site URL: https://coconut-hypersphere-nmr5.squarespace.com/config/ I am trying to make a page in the Header Nav unclickable. I have this code at the moment but it doesn't seem to be working please advise, thank you. a.Header-title-nav[href="/syzygy-is-a-distinct-way-of-aligning-people-purpose-performance"], { pointer-events: none;
  6. Site URL: https://www.core4.com.au/store/trilogy-gabamag Hi there, I need to change the colour of the navigation header on my product page and checkout page as my logo and folder links are white as is the current colour of the nav on these pages. Using Squarespace 7.1, site is live. Many thanks
  7. Hi! I am trying to right align a single navigation link, the one that says 'Info'. I want to preserve the work link on the left. Here's what I have, but it's not working. Any ideas why? .header-nav-item a { text-align: left auto !important; text-orientation: upright; writing-mode: vertical-lr; letter-spacing: -0.1em; } .header-nav-item a[href="/info"] { text-align: right auto !important; text-orientation: upright; writing-mode: vertical-lr; letter-spacing: -0.1em; }
  8. Site URL: https://lizard-pomegranate-8dhb.squarespace.com/config/design/custom-css Hello everyone! I was wondering if anyone happen to know how to change the text font and color in the navigation header? In this case I would like to change the "work" "studio" "photo" & "shop" tags. Thanks!!
  9. I'm using Squarespace 7.1 is there any way to make just the header navigation button to the"outline" style without changing the rest of the buttons? There's not an option for it in header button so I'm wondering if it has to be CSS. Something like: .header-actions-action .btn { style: outline !important; } Although, this CSS doesn't work of course 🤦‍♂️ Thanks!
  10. Site URL: https://libbyconnolly.com/info Hello! Does anyone know how to create a custom nav where the menu items can be fixed into the page's corners? https://libbyconnolly.com/info I found this tutorial for the top nav, https://www.itssevenone.com/tutorials-for-squarespace-71/second-menu-squarespace, but anytime the page is resized the links all overlap/ stack on top of each other. I can't get them to stay fixed in place. This is the code I'm using from the above tutorial: .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex-basis:100%!important
  11. Site URL: https://www.waynesboro.org/ Hi All, I have some CSS on this site for placing a color behind the navigation using the Mentor Template. https://www.waynesboro.org/ Is it possible to have 2 different colors behind primary and secondary navigation? I'd like the secondary to be another color... The CSS I am using is: .Header-inner { background-color: #333333; padding-bottom: 40px; max-width: none !important; } Please and thank you!
  12. Site URL: https://www.mesahatfoundation.org I am using the Basil Template, I have Several Folders, that contain Pages, in Each Language. My problem is that Both languages appear in the navigation menu, while I need the ONLY English to appear when the visitor Selects English at the Welcome Page, and Vise Versa. I tried the Create-multilingual-site, and several other things and it was NOT what I am looking for.
  13. Site URL: https://laurencohenyoga.com/ A friend asked for a quick fix with her navigation menu. I found a workaround but I'd like to find the actual solution. For some reason in the navigation menu, the 'connect' button adds an event to itself that fires the promotional marketing popup on click. I cannot figure out why this event is being attached. If you open up dev tools you'll notice my solution was to add 2 links (1 link, 1 cover page): 1 that links to the connect page (desired behavior) and 1 that links to the popup (undesired behavior, so I set the name to ' ' so it's mostly invis
  14. Site URL: https://genehayesdesign.com I have the York template and the following custom CSS so I can get the Contact link in the nav to look like a button: div#secondaryNavWrapper .nav-item:last-child a { background: #000; color: #fff; padding: 5px 11px; border-radius: 50px; border: 2px solid #000; } div#secondaryNavWrapper .nav-item:last-child a:hover { transition: .1s; background: #effc8c; color: #000; } It seems that it's the a:hover that causes the nav to move around while the page loads, because it doesn't when I re
  15. Site URL: https://chipmunk-clementine-pb8z.squarespace.com Hello, Does anyone know how to have your logo in the nav bar change to a different image after scrolling? Any help you be greatly appreciated. Thank you! site : https://chipmunk-clementine-pb8z.squarespace.com password: letstalk
  16. Site URL: https://www.youngbloodmedia.com.au/ Hi, My site displays fine on desktop but frustratingly the hamburger dropdown menu flashes to white/blank when clicked on mobile. If you click it again you briefly see all the menu links that should be there flash up but then disappear. I've got no clue how to fix this. Can anyone please help me? Thanks! Callum
  17. Site URL: https://www.yokomorimoto.com/ I'm trying to figure out how to tweak the horizontal position of the navigation on https://www.yokomorimoto.com/ to give it a little more breathing room from the right hand edge of the page... Any ideas what to add to the custom CSS? Can't seem to figure it out... THANKS!
  18. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/design/custom-css Hi, I am trying to move the hamburger navigation on my desktop from left align to right align. Can you please help with what css I should use? This is the code I used to put the hamburger icon on the desk top view: .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} Many thanks for your help 🙂 Kelly
  19. Site URL: https://rectangle-pepper-dnww.squarespace.com/config/pages Hey There, I'm wondering if there is a way of customising the navigation drop down text colour on some pages only, as some pages the text is the same colour as the dropdown background, so you can't see it. it seems to be working okay on most pages, but pages where I use a lighter background image for the header - it doesn't seem to work. Does anyone have any solutions for this? I would be happy to change the background of the dropdown menu on these particular pages that are not visible, if that was a work around.
  20. Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow
  21. Site URL: https://Santisuk.Squarespace.com Hey everyone! I'm new to working with Squarespace code, so I don't even know where to start. I'm currently working on making a school website that's separated out by different "sites". So they have one shared website but multiple subpages within it. What I want to do is make a custom navigation bar per "site". So that means each school would be separated out by their content. I know I can do folders that separate them, but I'd rather create a feel of it being it's only little mini-website. Is this possible at all? A follow
  22. Site URL: https://www.kacfgala2020.org/sponsorships Hi! Here I am thinking I'm being clever and using anchor links on my homepage navigation, but they don't work on an internal, unlinked page. The client I'm working with wanted to have sponsorship details on an unlinked, internal page. But the anchor links no longer link back to the homepage. Is there a way to have a separate navigation for the internal page that has page links as opposed to anchor links? Are anchor links not the solution to my homepage navigation? Any and all help is always appreciated! Please let me know w
  23. Site URL: https://vanilla-sunflower-m9gz.squarespace.com/config/design I have added a custom font to my 7.1 SquareSpace site but the font is too big for the header navigation. How can I make the font smaller? I have tried to add the following code, as found on another forum thread, but it hasn't made any difference. .header-nav-item a { font-size: 10px; Thanks in advance.
  24. Site URL: https://www.creativejam.in/ Hello Friends, I've come across this website today, realized that it's built in Squarespace, and wondered how I could use a similar navigation system on my own website, ozankarakoc.com. I managed to use the hamburger icon and the overlay menu thanks to the amazingly helpful people here in this forum, but I wonder how I could; adjust the size of the overlay, align it to a side, change the font properties of the text, add additional text below the menu items, and social media links. Any help would be highly appre
×
×
  • Create New...