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'.



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

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

Found 48 results

  1. I have a little bit of an odd problem with anchor links and mobile navigation in the new 7.1 template. I'm creating a single page website for a client (unfortunately I cannot yet share the website) and have created anchor links in the main navigation so users can quickly scroll to sections of the page. I've done this by setting the links as "#AboutUs" for example, and creating an empty div with the id "AboutUs" where I want the page to scroll to. In the desktop layout this works as intended, but on mobile when a navigation link is clicked the full-screen navigation menu remains open. The user is then completely unaware that the link has worked as it looks like nothing has happened, when in fact behind the full-screen navigation menu the page actually has scrolled to the correct point on the page. I've tested this in a live 7.0 site and it works as intended (open mobile navigation > click on anchor link > mobile navigation closes and page scrolls to the relevant id) but not in 7.1. I've also noticed that the page no longer smoothly scrolls when clicking an anchor link like it did before, but this is a minor issue compared to the above, so it doesn't bother me too much. TL;DR In 7.1, is there a way to force the mobile navigation menu to close when an anchor link is clicked?
  2. Hello, I really appreciate some help, I have to hide the "home", "our story" and "meet our adivsors" links from the header menu. Website: https://www.windfallnatural.co.uk/home Thank you in advance.
  3. Hi, I'm using the Harris template and I want to know if there is a way to stack my secondary nav items on top of each other aligned left. Rather than showing inline. I have tried adding <br> into the secondary nav items but it does not separate the three.
  4. Trying to change one of the Navigation Text to a different color. Currently, all of Navigation Titles are Black but I'd like the "Request Appointment" Title to be Red. I've been looking all over and can't find the code to put in Ishimoto Template. Here's my site link: https://www.losaltoseyecare.com/home Here's the tab I want Red on the Navigation: https://www.losaltoseyecare.com/request-appointment
  5. Hi there, website is belvederebc.com, I'm trying to change the font colors of each link in "communities" subnav, first one (Residences at Belvedere) to #a00101 (red) second to #29a5a5 third to #2e8c2e fourth to #e65c00 Any help (even just some) would be greatly appreciated. Thanks!
  6. I am currently using the Blend Template and have questions regarding the header and navigation. I have a placed a folder in the primary navigation menu with (6-7 pages) that drop down. 1. The hamburger icon is a navigation option in mobile, but what code do I need to make it appear when viewing from a desktop? 2. How do I prevent the drop down pages from flowing off the screen? 3. When I click the hamburger icon in mobile, you have to click the folder to get to the pages. How do I bypass that so it is just one step to view the pages?
  7. Hello! I'm using the Skye template and was wondering if I could change the link you get taken to when you click on the navigation title? Etizaz šŸ™‚
  8. Hello, I would like to underline each individual menu item when you hover over it. What CSS would I use to do this? I may also want to keep it underlined when that page is active. Please could you pass on the CSS for this also. Thanks, Liv https://greyhound-keyboard-sa3k.squarespace.com/
  9. Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link 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; } /* Nav item hover color */ .header-nav-item a:hover { color: violet; } /* Nav item active color */ .header-nav-item--active a { color: green; } Created by Tuan Phan. Share to be shared more.
  10. Hello I'm looking to make secondly navigation text link visible when viewed on a mobile device. I've had a look through previous posts for guidance, to no avail, and hoping someone can offer assistance, point me in the right direction or offer alternatives. The link is to be pointed towards a contact page instead of the mobile accordion. Template is Brine. Many thanks, Callum
  11. Hey, I was wondering if anyone could provide the CSS to decrease the spacing between the site navigation headers and their related drop downs (See attached image, space to be decreased is signified with yellow arrow) Thanks community!
  12. Does anyone know how I can put white dividers (ie: |) between navigation links? The url to my website is trentnader.com. Thanks in advance!
  13. I am using some simple custom CSS to control the color of the Nav links. It works perfectly in the editor -- but not with the site. I emptied the cache., etc... to no avail. The site Nav would not display the "Donate" text in white. Am I missing something? /* donate nav link */ #main-navigation li:nth-of-type(6) a:link { color: #FFFFFF !important; text-decoration: none; text-align: center; margin-left: 30px; margin-right: 30px; padding: 14px 20px !important; border: 1px hidden white; -webkit-border-radius: 10px; -moz-border-radius: 1opx; border-radius: 10px; background-color: #FF7D41; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; display: inline-block; } #main-navigation li:nth-of-type(6) a:hover, a:active { background-color: rgba(255, 246, 249, 0.9); color: #FF7D41 !important; text-decoration: none; text-align: center; font-weight: bold; display: inline-block; }
  14. Hi, I created my site and I was optimally hoping to have my main nav links all line up at the top of my website directly above the wide image in the header. The template I have only offers options to place the nav links on the left or right at the top, which I was okay with, since I have 6 links total, 3 on each side of my logo. When I publish the site though and view it on a laptop, the very first top left link and the second left nav link end up on the same line. It looks life an error when published. Can you help me correct this? Ideally I'd love the first scenario I described where all the links are lined up across the top horizontally centered or flush right. If that's not possible, I'd love to at least get the top two nav links to not be on the same line and to instead sit on their own lines as they do in my desktop and tablet design preview. Thanks for your help,
  15. Hiya, I'm trying to figure out how to repeat the images on my index page at the bottom of my project pages. Meaning, as you scroll to the bottom of each project page in my portfolio you will then see the same project images and links you will see when you are on the homepage of my site. Temporarily have text links in place now. Have tried a few methods and none have worked. Any chance someone here knows how to sort this out? Thx!Joe barbierijoseph.com
  16. I am using the nueva template (brine family) squarespace version 7.1. I wanted my folder in the header navigation to link to the first page in the list. To do this, i put 1.< a href="mission">About Under "Navigation Title" under the configure folder settings. It works, in that clicking "about" in the header nav now takes user directly to "/mission" BUT now the word "About" in the header nav appears slightly lower than the other navigation options. The website is not published yet, but here is what the issue looks like: The formatting change goes away when i remove the code in the navigation title.Any help would be greatly appreciated!!! Ps: I got the information on how to do the folder navigation title insert here: https://answers.squarespace.com/questions/13008/folder-navigation%3A-top-folder-doesnt-link-to-anything%2C-can-i-get-it-to-or-remove-link-behavior.html
  17. Hi there, I'd like a button in my navigation that says "Join Today" that brings the user to my MindBody store with the Contract already selected. I have the code from MindBody to create a direct link to purchase a contract for my gym as I have described. However, when I follow their directions (basically cut and paste the code they provide into the Link space in SS) it just makes a funky code thing appear where the button used to be. Here is the code they provided:<<<
  18. Hi there, My blog is https://hibiscus-oleander-hdfy.squarespace.com/ & my password is 'freelance'. I would like to make the navigation title on the right hand side 'About' red - to help this link stand out. What CSS should I insert to make the colour change for this title only? Thanks in advance,
  19. Someone posted this question several years ago and there wasn't an update. I've built my homepage in Illustrator, with images an menus. I want to be able to put a transparent button over the menu items that will then launch the specific item. I tried adding a button, but it just pushes the image around the screen when I try to place it. Is there another theme I can use that will let me do this? Thanks
  20. Hi there, the only tricky thing here may be that my navigation text changes color depending on if you are on the homepage or another page. It goes from white on the homepage because it's over a full-bleed image to black on any other pages. I would also like any links that I add to my About page or Journal to automatically be underlined when hovering. This is all black text. Thank you so much! I am such a newbie and don't know much CSS. I have tried so many things thus far. **I am using the Camino template
  21. The impact (brine family) template allows me to select an "active" color for the navigation links but what that setting actually appears to be is just a "hover" color. I want the current page the user is on to be a different color in the navigation (aside from the hover effect of the navigation). In my navigation I have 2 folders and 2 links. Is there is way to do this? I have tried several options in the forum with no success. The link to my site: https://wombat-bell-fgfx.squarespace.com Password: Elisa
  22. The navigation on my site is moving to below the header when I hover over PROJECTS. This is only happening on Chrome, not Safari. It happens even when I remove all custom css from the page. Site is here: http://www.sladearch.com/featured/ I currently use the following css to change my topNav, but the problem remains even when I remove ALL custom CSS. #header #topNav nav li a { font-family: 'proxima-nova'; font-weight: bold; color: black; margin-right: 30px; top: 20px !important; } #header #topNav nav li a:hover { color: grey; margin-right: 30px; font-family: 'proxima-nova'; font-weight: bold; top: 20px !important; }
  23. How do I get an underline underneath the name of the link of the page I'm on, and have it stay that way when I'm on the page? Link to page: https://lauraengeldesigns.com
  24. I'm trying to change the color of one of the items in my navigation bar. Iā€™d like to make it this shade of blue (#0f73ba) while keeping the others grey. I've been testing this in the CSS editor, but it hasn't been working: nav.main-nav li:nth-of-type(2) a { color: #0f73ba;}
  25. How do I decrease the space between the nav link text and the line underneath? (see screenshot attachment) Website: https://www.lauraengeldesigns.com/
Ɨ
Ɨ
  • Create New...