Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'navigation'.



More search options

  • 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

Found 891 results

  1. Hi! I am needing to add in a clients Rewardstyle code above the site navigation in Squarespace 7.1. Here is an example of what I am needing - https://www.everydayellablog.com Thanks in advance!
  2. 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!
  3. 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 instead of a /home/about page). However, I still want to keep the home page layout, which is only possible with those pages as project pages. In that case, is there a way to have /home/about instantly redirect to a duplicate /about/ page? Thank you all!
  4. 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
  5. 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 Page in Home "Work" section or from Work Portfolio Page the Project Page will open the same. Is this possible? The Issue is: By using Project Page URL slug I can't refer to the Home "Work" portfolio section and Work Portfolio Page simultaneously. That is a HUGE problem that forces me to switch platform even if my site was ready on 90%. But firstly I decided to make a quick research can somebody else make it real and find out the similar website that was built on Squarespace. Guess what? I've find it https://www.sturdyevolution.com/ where able to open the same project from Home "Work" portfolio section and Work Portfolio Page. My website: https://trumpet-fox-x5bt.squarespace.com/
  6. 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;
  7. Hello, I am trying to add an Ecwid Cart to the navigation bar of my website. Next to the facebook logo in the screenshot below. I have a provided div from Ecwid. <div class='ec-cart-widget'></div> I have tried putting that into the header of code injection but it does not show up. I saw in another post something about adding that div to the footer in code injection and then using Jquery '.appendTo' but it does not seem to be working. Not sure if I wrote it wrong or if that is not supported. Any help would be appreciated.
  8. 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
  9. 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; }
  10. 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!!
  11. 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!
  12. 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; align:center!important; height:5vw; margin-top:-2vw; padding-bottom:1vw} .header-title-logo img { margin-bottom:-8.5%!important; margin-top:4vw} .header-nav-item:nth-child(2){ margin-left: 75vw!important; } Any help is much appreciated!! Thank you so much!
  13. 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!
  14. 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.
  15. 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 invisible). It seems I have to include both of these or the link falls back to opening the popup - even though I explicitly set it's href to /connect. So it seems like if there is only 1 'connect' in the nav it defaults to attaching the event/opening the popup no matter what I try - regardless of whether the 1 link is a link or a cover page type. I have looked through all the pages and the marketing section and cannot find anything that sets 'connect' to open the popup. Is there a setting I'm missing? The connect page is a "cover page" instead of a standard page but again couldn't find anything triggering special behavior. I am so perplexed. The event being added: function(e) { a.fire(v.getEvent(e, t, i || !1 === r)) } Thank you
  16. 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 remove it. Any ideas?
  17. 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
  18. 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
  19. 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!
  20. 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
  21. 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. I have attached the URL to the site and provided screenshots below.
  22. 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-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
  23. 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-up to this is that the website is multi-lingual. Would this same concept work for both the English and Thai copies of the pages? So the navigation bar changes language based on view?
  24. 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 what you think!
  25. 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.
×
×
  • Create New...