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

Found 154 results

  1. Site URL: https://www.concertplanning.com Hello, I added a Calendly Popup Widget to my website and the website works fine on desktop and tablet. However, the body of every page where the widget is added (all pages) becomes opaque when viewed on mobile. Also, not mentioned in the video is that fact that my navigation links also don't work on mobile when the Calendly widget code is present on the page. I recorded a narrated video illustrating the issue here.
  2. Site URL: https://www.mattportch.com Hi, anyone know how to tidy up the following when clicking the navigation icon? 1. I want the arrow a bit higher so it's centred to the word PROJECTS?... Next image - when clicking on PROJECTS: 2. I want to make all the text centred on the screen (higher than it looks now)? 3. I want to get more space between the arrow and the word BACK and move the arrow a bit higher so it's centred to the word BACK?
  3. Site URL: https://www.mattportch.com Hi, When selecting "projects" from my navigation, instead of sliding to another navigation page, I would prefer to see those page titles appear below the word "projects"? I've illustrated how I would prefer it to look as step 1 and 2 here... Step 1... Step 2...
  4. For some reason, a hover effect is showing up on active pages on nav links. For instance, navigate to About page. If you mouseover the About page link, the opacity changes. I have not applied any custom CSS. This came with the starting template. I can't find anything in the Design settings, or otherwise. Chrome inspector shows: body:not(.tweak-transparent-header) .header-nav-item--active a:hover { opacity: .7; } body:not(.tweak-transparent-header) .header-nav-item--active a:hover { opacity: .7; }
  5. Site URL: https://travelersoftomorrow.com/ Hi there, I finished and published my multilingual site and people choose their language on my home page as it's usually the case for Squarespace websites. However, I would like that, when a visitor clicks on my site logo (top left), they would be taken back to their language home page (/home for english, /accueil for french) and not back to the page where they have to choose language again. I feel like this issue makes navigating the website kind of annoying. Apologies if this issue has been addressed before. FYI - I know really little about coding. Many thanks to anyone willing to help! 🙂
  6. Hello guys! Is it possible to change the colour of each navigation link on Hover and Active for Squarespace version 7.1? I am using Mark Novo template! Ex: I want the 'Product' text link to turn blue when hovered and remain blue (bold) when active and I want the Video text link to turn red when hovered and red (bold) when active. If none of the navigation links are hovered or clicked, I want them to remain 'grey'. Help please!
  7. Site URL: https://www.daughtersofjacobgen.com/products The markdown code seems to be triggering the problem. It makes the accordion blocks work, but messes up the navigation button highlighting only. When you click on a button it goes to the right page, it just highlights the button above the one where you click. Furthermore, the problem starts farther up the list each day I try it. Pardon the website, it is seriously under construction. Here is the code: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','help'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script>
  8. Site URL: https://goose-magnolia-r53a.squarespace.com/config/settings/site-visibility Hi there I have created a folder and drop down links on my nav on the services page - but now have a double header for 'SERVICES'. How can i delete this on the dropdown and just have the header clickable with the other items as dropdown? thanks Password: Orlabean16
  9. Site URL: http://www.hippynut.com I am struggling to add extra links to the footer navigation links other than the 3 provided links per block. When I add another one the space between them is different to others. How do I add another link without having a large space in between? sorry if it's a dumb question.
  10. Site URL: https://www.christopherhorwood.com/ Hello, I'm using 7.1 and would like to remove the underline on the active navigation link. Any ideas? https://www.christopherhorwood.com/ I' ve tried the code .header-nav-item--active a { background-image: none; } but no luck Thanks
  11. Site URL: https://plenitudpr.org Hi! I have a multilingual site with 2 folders for each language, 1 folder on the primary navigation and 1 folder on the secondary navigation. I wanted to add a call to action button to the right of the header and added this code. // Last 2nd Nav Item Orange Button // .Header-nav.Header-nav--secondary a:last-child { background-color: #ffffff; /* button color */ color: #ea7c3a; /* text color */ border: 2px solid #ea7c3a; padding: 15px !important; border-radius: 2px, } // Last 2nd Nav Item Orange Button HOVER // .Header-nav.Header-nav--secondary a:last-child { background-color: #fafafa; color: #ea7c3a; border: 2px solid #ea7c3a; } .Header-nav.Header-nav--secondary a:last-child:hover { background-color: #ea7c3a; color: white; } The button turned out great, however, the last item inside the folder I have on the secondary navigation is displaying the same formatting. How can I fix this so that the button formats only show on the call to action (secondary navigation item), and not inside the last folder item. Any help is greatly appreciated!
  12. Site URL: https://www.visitstykkisholmur.is/ Aloha to everyone! I go by the name of Vásquez and my partner is Baddý. This is the first time that we have the need to ask for help in the community since we have faced a great challenge and so far we have not been able to see the solution - (yet). We are finalizing with the development of our first multilanguage website, the main language for the site is English and the secondary one is Icelandic. On the main page -that is in English- everything works very well, but once we switch to the Icelandic version we need the "Branding Logo" (in the Header Navigation) to connect to the main home page in Icelandic and not the English version (like happens now), so the question would be; How to change the URL connected to the "Branding Logo" in specific pages? Thank you very much in advance for all the help or guidance that you can offer us. All our best! ---------------------------- Extra data: - We are using the Basil template from the Brine family.
  13. Site URL: https://www.jazzmaastricht.com/ Is it possible to change the text color of just one navitem? I want to change the color of a single navitem, NL/EN which changes the language. I managed to get it done using the inspector tool in Chrome but I can't seem to select the item via css.
  14. Site URL: https://jmaggiore.com/ Hi, I am looking to only include my secondary navigation on my menu in mobile. The links I'd like included in the menu are "agency", "post", "line" and "about". The project pages do not need to be linked cause they can be accessed once you go to one of the pages above. I'm thinking maybe I have my site pages set up wrong. Any help would be greatly appreciated. Thank you.
  15. Site URL: https://trumpet-tulip-8chj.squarespace.com/ Hi there, The website password is: portfolio. What's the CSS code to customize the navigation bar? I want the navigation links to align with the word Christopher. Thank you!!!
  16. Site URL: https://www.facilitiescouncil.org/ Hi, I am trying to change the color of a navigation link. Here is the code I have been using in the Custom CSS block within Design. Why is this not working? Thanks for any help! Sean O. .header-nav-item a[href='/covid19-guidance'] {color: red;}
  17. Site URL: https://www.erobertson.design/churchofsnails At the bottom of each of my project pages there is a link to the 'Next' project. I have added custom fonts across the site using CSS, but I can't work out how to target this small piece of text. Can anyone help? I was also wondering if it's possible to replace the word 'Next' with simple < previous and next > arrows, but I'll be happy if I can just resolve the font issue.
  18. Site URL: https://www.tidiedaf.com Hello! I am new to SquareSpace and struggling to figure out how to link my Home Navigation to the Main Navigation bar I have at the top of my site. I am using the portfolio style template Novo. I am hoping to be able to link the images that I have on my home page to the pages I already have set up that show up as my Main Navigation bar. So on my home page, when users hover over each image and it has "About," when they click I want it to send them to my "About" page. I already wrote the content for my pages and would love to find a way to either just copy them over to the page that was created when you click on the "About" home image or find a way to link the home images to my corresponding pages. I have tried so many different things (short of deleting everything and starting over) and could really use the help. I feel like it should be a simple fix, but I just have no idea what I'm doing. Any help is appreciated!!!
  19. Site URL: https://www.105angle.com/home-pl Hello! Thanks to you I have fixed a lot of problems, I hope you will help me find a solution for the next one @tuanphan Can I hide one nav folder depending on which page I am on? The case looks like this: I have 2 pages in different languages, anchor-links in them that point to relevant sections of the page. One navigation folder is in Polish and the other is in English. Is there any way to hide one folder from the navigation when I'm in a specific site? My site link here: https://www.105angle.com/home-pl
  20. Site URL: http://wolfjosey.com Hello! I am using the Avenue template. I need to have my folder header, entitled "Work" link directly to the first page "All" in the folder. I have seen code for this for other templates, but have not yet found one that works for me. Help? Thanks so much.
  21. 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
  22. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/shop/shoulder-bag-black-66zah-tta6p-3jb8r-s5jl5-2t7y4-4w8cg Hello, I would like some help to add some custom text to my Product page https://bluebird-porcupine-yzdg.squarespace.com/shop/shoulder-bag-black-66zah-tta6p-3jb8r-s5jl5-2t7y4-4w8cg I don't want to use the Squarespace breadcrumb but I want to add a navigation link back to my store as shown here in my image. Please can you help?! Many thanks, Best
  23. (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: violet !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.
  24. Hello! Does anyone know if it's possible to change the individual positions of each nav link? As an example, if my links in my nav are "work" and "about" - is it possible to have work flush left, and about flush right while my logo is in the center position? Right now I can only have the full nav flush left while the logo is centered. Thank you!!
  25. Site URL: https://fergusonnash.co.uk/shoes-made-to-order need help adding a url onto a page, at the moment only shows at top of page below header
×
×
  • Create New...