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

Search the Community

Showing results for tags 'navigation-link'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

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://lily-smilodon-skf3.squarespace.com/ The active menu item has a line through it word. I can't figure out how to make that go away! If it is under the word, that would be fine too! Thank you in advance
  2. Site URL: https://hypersphere-parsnip-zhhw.squarespace.com/vision Hi I use the technique below to to link a Folder Navigation Title To a Specific Page. This works perfectly on desktop and tablet, but does not work on mobile. Any tips on getting it to work in the Mobile navigation? https://squarecamp.com/custom-code-tips/how-to-link-folder-navigation-title-to-a-specific-page-on-squarespace-71 It's on the OUR WORK section. https://hypersphere-parsnip-zhhw.squarespace.com/vision pw: peekaboo Thank you!
  3. Hi everyone, How to change the default text labels in Bedford template? Here is what I want to do, step by step: First Have a look at the uploaded image. How can I change the default navigation text "← Back to ..." generated in the Bedford template. I would like to just have "← Back" or in French "← Retour" instead of "← Back to Boutique en ligne". FYI, "Boutique en ligne" is the title name of the product page. Is there a way to change this default text using Javascript in the footer? Or any other way? Second Also, how can I change the default text "Select" from the dropdown menus? Third How to change the default text for the "Quantity" ? Finally How to change the default text for the "Add to cart" button. Thanks
  4. I'm trying to put a border above and below the navigation, but every time i do it moves the shopping cart and social links to the middle too. Is there a way to put a line above and below the navigation links without moving the shopping cart and social links too? This is the code I'm using: @media only screen and (min-width:640px) {.header-announcement-bar-wrapper { padding-left: 0px !important; padding-right: 0px !important; }} @media only screen and (min-width:640px) {.header-display-desktop { flex-direction: column; }} @media only screen and (min-width:640px) {.header-title-nav-wrapper { flex: 0 0 100% !important; margin-right: auto; width: 100% !important; }} @media only screen and (min-width:640px) {nav.header-nav-list { display: flex; width: 100%; border-top: 2px solid #59636C; border-bottom: 2px solid #59636C; padding-top: 10px; padding-bottom: 10px; margin-bottom: -22px; }} Thanks!
  5. Site URL: https://www.elevationweb.org/best-nonprofit-websites/ I am currently on the most recent version of squarespace 7.1 and I am trying to figure out how to do what this website does with the notification bell in the top right corner of the navigation: https://www.elevationweb.org/best-nonprofit-websites/ It does not necessarily have to be a bell, but I want to know how to create the "external navigation" where it zooms out of the homepage like that using a nav button. Also, how can I get the banner icon on the top right in my navigation menu like on this website: https://www.sbs.org/ Thank you in advance! @tuanphan
  6. Site URL: https://wombat-parrot-z3lx.squarespace.com I'd like to change the way links appear in the navigation: at the moment the active page is underlined, while other linked pages in the navigation are not. I'd like to do the opposite, as it's better for accessibility: links underlined, active pages not. I don't see a way to do this using the styling options at hand, hope I'm not being blind...
  7. Site URL: http://www.puma-wisteria-fe6j.squarespace.com Hi there, I cannot get the nav bar to stay on one line across all screen sizes - any and all help is very much appreciated. Site: http://www.puma-wisteria-fe6j.squarespace.com
  8. Site URL: https://www.thearticulatefly.com/home-2022 Hello, My client wants to have his logo in the middle of the navigation links where he has 4 links on each side of the logo. Here's the site: https://www.thearticulatefly.com/home-2022 Currently it looks like I can not position or center the logo in-between the links. Is there a code I can inject to resolve this? Thank you, Chris
  9. Site URL: https://www.sbadna.com Trying to figure out how to redirect users from www.sbadna.com/lenders to a more mobile friendly version of that page (www.sbadna.com/lenders-mobile) when viewing from a phone/tablet rather than a full desktop/laptop. Any ideas? @tuanphan is this possible? Thank you for any assistance!
  10. I'm trying to create a bilingual site and would like to have the language links as buttons on the header navigation, but it seems Squarespace 7.1 interface only allows for one custom button, social links and cart in the header navigation. I created a PT button for the Portuguese site and would like to create another button, EN for the English site. It there any way to add another button via code to the site header?
  11. Site URL: http://resoluteempire.com I need my first navigation link to break on two lines so that the phone number (1300EMPIRE) is on one line and the actual number is on the line below, but I want the email to stay as is. I also want when the user hovers on the item there is a thick gold bar #BD902f that shows under the item but the link stays black. URL http://resoluteempire.com Password: resolute I tried the following for the hover item, which worked for a while and then stopped when I tried to list max width on a nav item "a" : /* Nav item color */ .header-nav-item a { color: black !important; } /* Nav item hover color */ .header-nav-item>a:hover { color: #00000 !important; .header-nav-item>a:hover { padding-bottom: 15px !important; } .header-nav-item>a:hover { border-bottom: 3px color #BD902f } }
  12. Site URL: https://themomplug.squarespace.com/ I created a mock-up of how I wanted a navigation bar to look with bordered outline. I can't seem to find a code to do this, I can only achieve second screenshot. Does anybody know how to create the navigation bar in first screenshot? Thanks!
  13. Site URL: http://chapter3.ca My page isn't published yet. I am setting it up on behalf of a client. I am using the Grow Well template. Rather than separate pages for each navigation link, all of my content is housed on one page. For my page navigation I've used links and applied the anchor link for each unique section id. They are as follows: chapter3.ca#about chapter3.ca#how-i-work chapter3.ca#service-areas chapter3.ca#team chapter3.ca#contact However, I want to also include a blog. This URL would be chapter3.ca/blog. When a user navigates to the blog, the navigation menu is now appending #about, #how-i-work. etc. to include /blog. (chapter3.ca#about becomes chapter3.ca/blog#about). When I changed the links in the navigation section of pages to include the full URL, this takes away seamless scrolling navigation on my main page. It tries to fully re-load the page and then jump to the section instead of just navigating up and down to each seamlessly. Is there a way for me to either use a different header for the blog or remove the header on the blog entirely. If I have to remove the header, I will likely add a back home button or links to the main page as separate navigation. Thanks in advance.
  14. Site URL: https://cornet-green-nakz.squarespace.com Hi! I've created a shop with multiple categories (jars, bottles, airless, etc. Image below for reference) and I linked each category to the navigation menu. However, when the customer clicks on a category (for example, we are now in "Jars") there's no underline to indicate that the customer is on this page. Is there a way to change this with CSS or Code Injection? Thank you!
  15. Site URL: http://www.theplantbasedremedy.com So ever since I added a member area to my website, the member area's drop down menu has seemed to replace the original drop down/navigation menu on my website. You can no longer see my pages such as "Home" or "Contact" or "Services" Everything looks good from the editing side. It's ALL there when I go in to edit the header, but going to my publish webpages my original navigation does not appear. How do I remedy this? The photos show the menu option when you go directly to my webpage and then what I see from the back end when trying to edit the issue.
  16. Site URL: https://flounder-vanilla-a464.squarespace.com/ Hi all, I'm having a tough time getting my navigation styling to work properly. I'm trying to get a background color to fill on hover, but no matter what I do, it only wants to underline rather than filling the full space. This is what I want it to look like: The example below is what I'm getting. I also don't want the hover state of the topline menu options to apply to the folder items, since I already have hover styling set for those separately. I've tried canceling them out with :not, but can't get it to work properly. Here's what I'm trying to avoid: Site: https://flounder-vanilla-a464.squarespace.com/ Pass: sqs123
  17. Site URL: https://www.andreaaresu.com/ Hi everyone! I'm trying to achieve the same effect as shown in the video attached below. When hovering over a navigation link on the header, I want the "active" one to stay black while the other links gets greyed out. Can anyone please help with this? Thank you. Andrea. ezgif.com-gif-maker.mp4
  18. Site URL: https://capybera-ranunculus-8edf.squarespace.com/ I have quite a bit of custom CSS on my nav bar - specifically to shrink the logo when scrolling down. I originally wanted to change the logo itself, but when I did that it removed the functionality of the logo shrinking. So I decided to change the header color using a Page Header Code Injection. Now I've run into a problem with the nav bar drop down menu color, I want it to be the same green as the header (the text is no longer visible). It looks like the only way I can change that is to change the entire page's background, which I do not want to do. Is there a Page Header Code Injection code that can change the nav bar drop down menu color for me (only on this specific section of my website)?
  19. Site URL: http://www.Spencerchow.com A while back, I was using different navigation links on separate pages of my website by using page header code injection. It has been over a year and I wanted to change and update my entire site but I don't see the old code where I think I used to have it... I think. Pages-> (Specific page's GEAR ICON) -> Advanced -> Page Header Code Injection. The old method was listing ALL the pages in the Main Navigation, and on each page, use code hide individual items in the navigation bar. I found an old screen shot of the code but I no longer see any of this previous code under the Page Header Code injection. Now I'm not sure how to change the navigation of my website anymore. What would have happened to my code? is there another solution? This old method was suggested by forum member. ww.spencerchow.com (website private for now) PW: 123 EDIT: I've been staring at this for a few hours, but I'm not entirely sure the above is correct either... I had someone help with the code. So this could be something else... It seems like if I add a new page in the main navigation side panel, It doesn't affect what actually shows in the navigation bar of my site. I can move around specific pages already created, but I can't add a page int he main navigation side panel that will display on the site. Totally confused now.
  20. Site URL: http://hilarybeckwith.com/ Hello! Initially on building my site, I hired a pro to help me put the nav links on both sides of a centered logo, in the header (I liked the look of it better). Now I've changed my mind, and would like them to not be separated. Upon removing the CSS that the professional added to make that happen, it seems that the nav links are still being treated like separate left/right sections. How do I correct that? Screenshot 1: shows the preview from my edit page, you can see all the nav links are there, but the ones closer to the right side are aligned funny (and when I fiddle with margins/padding, only the 3 nav links on the left are affected - this is how I know they're being treated as separate entities) Screenshot 2: live view of my site doesn't even display the "right side" nav links. Please help!!
  21. Hello, I'm trying to hide the navigation menu on the header of my home page as I have the same navigation menu on the center of the page. Would anyone know what css code I can use?? Thank you.
  22. Hey there 😀 So I'm designing a website for a restaurant, all in one page. Just going to have the menu link on the header. How can I move the mainpage link (the first link on the lef) on the header navigation and just leave the logo and the menu link? Thank you very much for your time!
  23. Site URL: https://www.rachelcruzbuccalo.com/ Hello all, I am looking for any help/advice on how to get rid of the underline beneath the active page's navigational link. Currently, I have code that bolds the links on hover, but I'm having trouble with the code that would remove all underlines from the header. I have successfully removed the underlines from links in text sections. Below I will attach the code currently applied to the header and a screenshot of the navigation bar when the Work Page is open. Thank you! a { text-decoration: none !important; } a { background-image: none !important; } header a:hover { font-weight: 900; } .header-nav-folder-content {background-color: transparent!important} .header-announcement-bar-wrapper [href="/main-navigation"], .header-menu--folder-list .header-menu-nav-item [href="/main-navigation"]{ background-image: url(https://www.freeiconspng.com/thumbs/cross-png/cross-png-28.png)!important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important; color: transparent !important; } /* dropdown menu text size */ .header-nav-folder-content a { font-size: 18px; } .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { right: -100px !important; } .header-nav .header-nav-item--folder .header-nav-folder-content { top: -9px !important; }
  24. Site URL: https://www.communitypartnershipschool.org/ https://www.communitypartnershipschool.org/ On our homepage, when you hover over the navigation menus, only the first subsection appears - it looks like the rest fall "behind" the image scroll in the next section. My team that manages the website has very little, to no, actual experience with website design or maintenance, so this may be an easy fix that is outside of our expertise. Thanks!
  • Create New...