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

  1. 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?
  2. Site URL: https://coverkitchen.squarespace.com Hello I am using version 7.1. My website shows a book cover design portfolio with subpages for each book genre. I have created a secondary navigation menu on the footer to access directly to each genre using text with hyperlinks. The header navigation menu changes to back on hover and remains black and also underlined when the linked page is currently viewed. My question is: how can I apply a style to the text on the footer that behaves exactly the same way as the header navigation menu? Now, when I have the same hover effect on the footer, but when I click and view the linked page, the text does not remain in black and does not get underlined.For example, when I click on "Novel" and go to that page, the hyperlink text does not show that this genre is currently selected. See a screenshot attached of the "Novel" page after I clicked on "Novel" hyperlink text on the footer. Is there any way to achieve this using coding? Many thanks in advance! Best wishes, Xavier
  3. Hello, I am trying to make my custom navigation menu appear in the burger menu on mobile, along with the other links that I have built with Squarespace. I had to build the dropdown menu using html because I need to have multiple dropdowns, which I am unable to do using Squarespace folders. The rest of the links that didn't need dropdowns I just made under the main navigation section on the Squarespace homepage. So what I am trying to do is make my custom dropdown menu show up in the burger menu with the other Squarespace nav-links on mobile. I am also struggling to keep the custom navigation-link positioned correctly when the page is resized from desktop to smaller. Anybody know how I can prevent the element from overlapping other links in the navigation bar when the page is resized? Would be glad of any help, Thank you very much!
  4. 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.
  5. Hi guys! Hoping that someone could point me to the right direction here, I've been tweaking my website for awhile now and I'd like to open shop in a month or two. I'd like to add 3 navigation button links after the header similar to the picture I provided as an example. Thank you in advance!
  6. Site URL: http://www.templatemonsterpreview.com/demo/67167.html?_ga=2.225772120.356880088.1599610850-457769167.1599610850 Good Morning All, I have a client who's looking for a side panel similar to this: http://www.templatemonsterpreview.com/demo/67167.html?_ga=2.225772120.356880088.1599610850-457769167.1599610850 (Demo 3) I'm having some trouble. We're using Quincy, 7.1 I appreciate any and all asssitance!
  7. I'd like to increase the content width for navigation on my site so that it doesn't wrap into another row as the screen size gets smaller. Image attached, any help would be much appreciated! The other objects in the header are at the right width but for some reason the navigation gets cut short. Using 7.1.
  8. Site URL: https://jennydeluxe.com I'm looking to decrease the spacing between the navigation links and their respective underlining.
  9. (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.
  10. Site URL: https://lanternfish-salamander-gp6n.squarespace.com/ Can anyone help with this issue, please? Something that works perfectly on V7.0 sites is using https://fontawesome.com/ icons within the navigation menu: V7.0 Result: It doesn't seem to be working on V7.1: Result: This is the method I've used that works perfectly on 7.0 but not on 7.1: 1. Head over to https://fontawesome.com/start and copy the CDN (the big link in the dark box) 2. Go back to Squarespace and go to Settings - Advanced - Code Injection. 3. Paste Font Awesome CDN into the 'Header' section: 4. Hit save. Then in order to use any icons, I search for the required icon on the Font Awesome site and copy the HTML for that icon (for example: <i class="fas fa-home"></i>), then either paste that into a code block on Squarespace for use within any section or paste that into either a page navigation title or into a link description within the main navigation menu. Thanks, Tim
  11. Site URL: https://reed-turkey-ay97.squarespace.com/ I am trying to get my navigation to be set into a single line (only when viewed from a desktop, it would be best if it stayed in multiple lines for the sites mobile version) like in this uploaded image. Also once its made into a single line, id like the nav-items to be centered and aligned with the Site Logo, the Social Link and navigation button.
  12. Site URL: https://www.mattportch.com Hi, When you click "PROJECTS" in my nav, is there a way to move "< BACK" under the projects, then move all that text higher on the page? (Would also like to know if the "X" icon could be made smaller?)
  13. Site URL: https://parsnip-indigo-wpbh.squarespace.com/ Hello, I want my logo to be clickable so it takes me to a "Home" page in my site, but I don't want a "Home" title displayed in my navigation menu, I only want the logo to work as a home button, without it showing on the menu, is there a way I can do this and if so how do I do it? Thank you.
  14. Site URL: http://www.infinix.com Hello: I have a primary navigation menu on our www.infinix.com web site. Due to regulations with FDA requirements, I need to separate four pages into US and EU. I created duplicates of the Home page, Products, Technology and Our Story. I have modified them to fit the requirement of the EU. However, because all the pages are using the same primary navigation menus, I cannot modify the duplicate pages to point to the the EU pages. If I point them to the EU pages it updates the links for all the pages. What I envision is that I would have a US and EU menu item on the navigation header. When someone click the EU link it will take them to the EU home page. Once they are on the EU homepage and click the Products page, it will take them to the EU products page, not the US (primary one). How can I accomplish this? Thank you in advance! Stephanie
  15. Site URL: http://www.starcruiter.no Is there any CSS for moving primary navigation to the very centre of the page?
  16. Site URL: https://www.mattportch.com Hi, Is there a way I could add a shopping cart icon next to my nav icon OR somewhere in the pop-up navigation menu? (I've already uploaded an icon to my custom css if needed)
  17. Site URL: https://www.cantatasingers.org Hi there, I have an embed code that I need to add to the navigation. The embed code itself is required because it has some javascript in it that needs to function properly. But it ultimately is just a button I am trying to embed as the last navigation menu item. Is there any way at all to add embeds to the navigation in SS?
  18. I'm using Almar theme and wondering if I could make the Navigation Menu to be smaller on mobile. The one I have right now is too big. Thank you
  19. Site URL: https://www.careershubluton.co.uk/ Hello, I've been trying to edit my navigation banner. I had it as one line in the centre but wanted to change it to two rows because of the amount of information on the site. I've attached an image of what I want. Is anyone able to help? Thanks
  20. So I have 4 different pages under a folder titled CONTENT 4 pages of organized content. I also have a landing page titled MEDIA. Now, MEDIA has 4 full-page banners, each with a clickable button that send you to each of the 4 organized content pages in the CONTENT folder. This means I need the CONTENT folder link to disappear from the navigation bar so that I can use MEDIA as the landing page for its contents. Any idea how to get this resolved? I'm using Brine Family > Polaris as my theme.
  21. Site URL: https://www.kyliecousinsphotography.com.au/ When you look at my website on laptop (or PC) and you go to my navigation / dropdown menu my ‘Portfolio’ link is not working. It is working properly on phone, and when I look through my backend setups, it’s all working properly. I'm using the Carson template. The only thing i can see is my Portfolio is setup as an 'Index' with 3 galleries attached. All other items in my menu are 'Pages'. Not sure if that has anything to do with it? But it is only on laptop/ PC this link doesn't work? Can someone please suggest what i need to do? Thanks!
  22. Hi, in my empty shopping cart it says "you have nothing in your shopping cart. Continue Shopping" the continue shopping is actually a link and it takes you to the store part of the site. But it is the same color and font as the previous sentence. My first instinct isnt to click on it. Is there any way to change the color of it, or to underline it at least so it looks like a link? Thanks!
  23. Hello, I am working on adding a code into the code injection that will allow me to have multiple dropdown levels in my navigation link. However whenever I try to paste the code into code injection, a gray bar shows up and goes all the way down the page. Could someone help me, is the code I am using incorrect? Would be glad of any input on how to do this. Thank you in advance!😁
  24. I want to create a sign up form on my website, with a link to our terms and conditions and privacy policy so people can agree to this before typing their e-mail in accordance with GDPR. Is there a way to do this within the form? Thanks
  25. Site URL: https://www.adamgodoi.com/ Hey guys, I have a password protected version of my portfolio in order to show a complete set of projects (some of my clients do not want the work I did for them to be shown publicly). Currently, once visitors have navigated to my password protected portfolio and selected a project, they cannot use the header menu to go back to see the complete list again, because it links them to the public side. Their only options are to either press the back button, or to use the links at the bottom of the project page to see other projects. I believe that this creates a risk that they will miss seeing some of my work, so I am wondering if there is a workaround here? Maybe somehow having the "Work" link in the menu (which goes to my public portfolio) redirect to the password protected portfolio if the user is already logged in? Or possibly having a different menu for logged in users? I contacted support about this, they said that they do not have a built-in way to change the navigation functionality based on the page being viewed or a visitor being logged in, but that there very well may be a way to do it with custom code. Let me know what's possible! Thank you! Adam
×
×
  • Create New...