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


Forums

  • 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
  • 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

    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.marcelchenier.com After all day searching through the forums, I never found an answer for this. I'm using 7.1 and in my navigation bar (header), I have two anchor links, one to the bio on the home page, one to the footer with the contact info. The other navigation elements which go to different pages (home, gallery, shop) get underlined when active, but these two do not. Any help would be greatly appreciated.
  2. Hi There! I'm designing a very simple webpage using Wells. It's to promote a short documentary. What I would love to do is create a link in my navigation menu called "Credits". And when you click on this link, instead of being directed to a new page (with a text box containing all my credits), I would like the credits to appear on the webpage we're already on. It's fine if this looks a little crude or simple. I've attached a rough mockup of how I would like this to work. I'm a bit of a coding newbie. I don't suppose anyone can help me with coding this? Thank you so much!
  3. Site URL: http://www.studiofurks.com I want to make the "Case Studies" link in the navigation bar an anchor link so it auto-scrolls the user to the white section when clicked on (portfolio grid items).
  4. Site URL: https://officialbasics.squarespace.com Hello, Is there a way to move the account login element to the navigation bar? I've attached a screenshot to make it more clear. Site access:officialbasics.squarespace.compass: tampa123 Kind Regards,
  5. hi everyone, I'm looking for a way to create a floating button (linked to an url) on the right side of a page, the button remaining from to bottom while scrolling... thanks adance for your help
  6. Site URL: https://tambourine-oarfish-c28h.squarespace.com/ Using the following code to center my navigation items without stacking, but as the screen size gets smaller the items shift to the left. Any ideas how to keep it centered until the tablet breakpoint? .header-title-nav-wrapper { flex: 1 0 82%; } .header-layout-nav-center .header-nav { width: 100% !important; flex: 0 1 auto; } .header-layout-nav-center .header-nav-list { justify-content: flex-end; flex-wrap: nowrap; } https://tambourine-oarfish-c28h.squarespace.com/ password: Bestcannoli2021!
  7. Site URL: http://bell-smilodon-ga5b.squarespace.com Hi I'm using Brine. How do I stack my navigation links into a left side navigation panel like Wells? So instead of it appearing as: shop cart journal about It would appear as: shop journal about cart Thank you!
  8. Site URL: https://helix-marigold-76hn.squarespace.com/ Hi! I have played with this a long time and cant quite get it right. Im trying to have my navigation menu items on either side of the logo with my cart/quantity at top right. However as the screen size decreases the cart moves to the right side instead of staying at the top. Is anyone able to look at it with fresh eyes? Thanks, much apprecited! PW:1234
  9. Hi, i made a bilingual site and used links to navigate between langages. It appears in the header and on the landing page, the link to English is in a box, solid white, and I would like to remove the box so it looks like the other navigation pages. Can anyone help me and give me some css to make it appears like the rest of the navigation options? thanks
  10. Hi! In Squarespace 7.1 Would like to change each of the two "chain" social icons to a flag image (png) and respective URLs. In this case two different flags. Is it possible to do that? Thanks in advance! M.
  11. I am trying to edit the colour of any link text on my site - both in the navigation and on pages - using 7.1. The option doesn't seem available in site styles/ themes, which seems odd as it's a fairly basic request. I'd like the hover over/ active colour to be #01aef0. I would also like the colour to remain when you are on a page - so when you are on the About page, the navigation title stays as the hover colour as an indicator. Sorry I don't know how else to describe that! My site is carbonbuddyproject.org Thanks, Emma.
  12. Site URL: https://flamingo-goby-tkw6.squarespace.com/ Password: home Is there anyway I can expand the are where the three items - Available Homes - Application - Resource Hub, on this nav is to allow them to all appear on the same line? Yes, I could lower the font size but I would rather not and there is plenty of white space for the items to fit in. Screenshot attached below. Thank you in advance for any assistance! Patterson
  13. Site URL: https://wscdev.squarespace.com I'm moving a site from Wordpress with nearly 100 pages. I'd like to have these organized in the Not Linked section in a way that has some semblance of sanity. Wordpress had parent-pages which lent a nice structure. SQSP 7 and prior had index pages, but those don't appear to be available anymore. The best option, I suppose, is Folders. The key problem I have with this is that the Folder itself takes a URL slug. So, for instance, if I want to collect our pages about Research under a folder, the folder would be /research but if I wanted to quickly direct people to an overview page about research, it couldn't be /research. Do I just name the folder something more arbitrary? Say, /research-folder, since it isn't actually visited by anyone? And if I want all pages within the folder to have a clear URL, do I manually name each page URL slug, e.g. /research/new-page? The other option I've seen is using a blank Link item to create a pseudostructure to the Not Linked section, as seen here.
  14. (Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template /* Nav item color */ .main-nav ul li a { color: #ff0000 !important; } /* Nav item hover color */ .main-nav ul li a:hover { color: violet !important; } /* Nav item active color */ .main-nav ul li.active-link a { color: green !important; } Aviator /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Nav item color */ .Header-nav-item { color: #ff0000 !important; } /* Nav item hover color */ .Header-nav-item:hover { color: violet !important; } /* Nav item active color */ .Header-nav-item--active { color: green !important; } Farro: Farro, Haute Same as Brine Five /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Flatiron /* Nav item color */ ul#nav li a { color: #ff0000 !important; } /* Nav item hover color */ ul#nav li a:hover { color: violet !important; } /* Nav item active color */ ul#nav li.active-link a { color: green !important; } Forte /* Nav item color */ #topNav ul li a span { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover span { color: violet; } /* Nav item active color */ #topNav ul li.active-link a span { color: green !important; } Ishimoto /* Nav item color */ #topNav #nav li a { color: #ff0000; } /* Nav item hover color */ #topNav #nav li a:hover { color: violet; } /* Nav item active color */ #topNav #nav li.active-link a { color: green !important; } Momentum /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } Montauk: Julia, Kent, Montauk, OM Same as Momentum Native /* Nav item color */ #navBlock ul li a { color: #ff0000 !important; } /* Nav item hover color */ #navBlock ul li a:hover { color: violet !important; } /* Nav item active color */ #navBlock ul li.active-link a { color: green !important; } Pacific: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Skye: Foundry, Indigo, Ready, Skye, Tudor /* Nav item color */ .nav-blocks-wrapper div a span { color: #ff0000; } /* Nav item hover color */ .nav-blocks-wrapper div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.nav-link--active a { color: green !important; } Tremont: Camino, Carson, Henson, Tremont /* Nav item color */ #mainNavigation div a span { color: #ff0000; } /* Nav item hover color */ #mainNavigation div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.active a span { color: green; } Wells /* Nav item color */ div#topNav ul li a { color: #ff0000 !important; } /* Nav item hover color */ div#topNav ul li a:hover { color: violet !important; } /* Nav item active color */ div#topNav ul li.active-link a { color: green !important; } Wexley /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York /* Nav item color */ .site-navigation div a span { color: #ff0000; } /* Nav item hover color */ .site-navigation div a:hover span { color: violet; } /* Nav item active colo */ .site-navigation div.active a span { color: green; } Squarespace 7.1 /* Nav item color */ .header-nav-item a { color: #ff0000 !important; } /* Nav item hover color */ .header-nav-item>a:hover { color: red !important; } .header-nav-folder-item:hover a { color: red !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.
  15. Site URL: http://www.innervisionpilates.com Hi, I would like to create a drop down menu that when you log in through your "members area" in the primary navigation a new menu will pop up with all different areas to go to but im not sure if this is possible to do yet??
  16. Site URL: https://flounder-leopard-83wn.squarespace.com/config/ Hello, I am building a portfolio website and I have run into an issue now that I'm out of the trial phase. I would like to make the button (built as folders to contain the individual pages within each category) in the navigation bar (Television, Film, Commercial, and Press) link to the landing page for each of those categories. URL: https://flounder-leopard-83wn.squarespace.com/config/ Password: newyork11 I'm working in 7.1 and it's a Personal Plan (this is a site for someone else so there is no option for a Business Plan).
  17. 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?
  18. Site URL: https://lyceumeducation.squarespace.com/ Site URL: https://lyceumeducation.squarespace.com/ https://lyceumeducation.squarespace.com/ password: lyceum Hi Guys, I have hidden nav items on desktop and attempted to do the same in mobile. The mobile nav is still showing the nav items though. I have two main pages with their own nav items. This is my code I injected into the header of the page School Partners: <style> /* desktop */ .header-nav-item:nth-of-type( 6 ), /* admissions */ .header-nav-item:nth-of-type( 7 ), /* applications */ .header-nav-item:nth-of-type( 8 ), /* universities */ .header-nav-item:nth-of-type( 9 ), /* learning */ .header-nav-item:nth-of-type( 10 ), /* our_tutors */ /* mobile */ .header-menu-nav-item:nth-of-type( 6 ), /* admissions */ .header-menu-nav-item:nth-of-type( 7 ) /* applications */ .header-menu-nav-item:nth-of-type( 8 ) /* universities */ .header-menu-nav-item:nth-of-type( 9 ) /* learning */ .header-menu-nav-item:nth-of-type( 10 ) /* our_tutors */ { display: none; } </style> and the same for the Families page: <style> /* desktop */ .header-nav-item:nth-of-type( 2 ), /* school_partners */ .header-nav-item:nth-of-type( 3 ), /* how_it_works */ .header-nav-item:nth-of-type( 4 ), /* benefits */ /* mobile */ .header-menu-nav-item:nth-of-type( 2 ), /* school_partners */ .header-menu-nav-item:nth-of-type( 3 ) /* how_it_works */ .header-menu-nav-item:nth-of-type( 4 ) /* benefits */ { display: none; } </style> If anyone can see the mistake I have made, I presume with my code since its working for desktop and not mobile on both, that would be a great help!
  19. Site URL: https://projectinvent.org/ I've added a couple of custom code plugins to our donation page. The code loads without issue if I enter the URL directly into a browser (projectinvent.org/donate). However, if I navigate to the donation page through our heading navigation bar via the "DONATE" button, the widgets don't load (unless you hit refresh). Any help is much appreciated!
  20. Hi All, How do I create additional custom navigation links? Basically, I have my normal navigation links but what I am trying to achieve is adding a few more but above the normal ones. I have attached an image of what I am trying to achieve.
  21. Hello, I've added an anchor link to my nav bar and it's fine on desktop but it does nothing on mobile. Can someone let me know how I can make the anchor link work on mobile too? Thanks
  22. Hi there, Can anyone help? I'd like my main navigation to include a drop down with links to three index pages, but apparently it's not possible. Does anyone know a workaround? Thanks!
  23. Site URL: https://lyceumeducation.squarespace.com/ https://lyceumeducation.squarespace.com/ password: lyceum Hi Guys, I have hidden nav items on desktop and attempted to do the same in mobile. The mobile nav is still showing the nav items though. I have two main pages with their own nav items. This is my code I injected into the header of the page School Partners: <style> /* desktop */ .header-nav-item:nth-of-type( 6 ), /* admissions */ .header-nav-item:nth-of-type( 7 ), /* applications */ .header-nav-item:nth-of-type( 8 ), /* universities */ .header-nav-item:nth-of-type( 9 ), /* learning */ .header-nav-item:nth-of-type( 10 ), /* our_tutors */ /* mobile */ .header-menu-nav-item:nth-of-type( 6 ), /* admissions */ .header-menu-nav-item:nth-of-type( 7 ) /* applications */ .header-menu-nav-item:nth-of-type( 8 ) /* universities */ .header-menu-nav-item:nth-of-type( 9 ) /* learning */ .header-menu-nav-item:nth-of-type( 10 ) /* our_tutors */ { display: none; } </style> and the same for the Families page: <style> /* desktop */ .header-nav-item:nth-of-type( 2 ), /* school_partners */ .header-nav-item:nth-of-type( 3 ), /* how_it_works */ .header-nav-item:nth-of-type( 4 ), /* benefits */ /* mobile */ .header-menu-nav-item:nth-of-type( 2 ), /* school_partners */ .header-menu-nav-item:nth-of-type( 3 ) /* how_it_works */ .header-menu-nav-item:nth-of-type( 4 ) /* benefits */ { display: none; } </style> If anyone can see the mistake I have made, I presume with my code since its working for desktop and not mobile on both, that would be a great help!
  24. Site URL: https://aesthetecreative.squarespace.com/ Password: aesthete How can I put 2 of the links on the right side of the logo? Attaching picture of how I imagined it. Thanks in advance!
×
×
  • Create New...