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

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.grahammarriott.com/ I'm trying to overcome the lack of ability in SS 7.1 to set the mobile breakpoint. I can't seem to find a way to keep the desktop header, with Site Title on left and Navigation on right. I only want the hamburger on mobile devices, not on iPad in portrait. Header background is transparent... New to 7.1 here, any and all help is greatly appreciated. Thank you!
  2. Hi, I apologize if there is such thread already. I wasn't able to locate this specific query anywhere. Is it possible to do something like this? First goal of the client was to have the mobile menu look even in desktop which was already done. Second is to have a link outside or beside the burger menu, like in the screenshot. How to do it? When I applied the mobile menu look, the 'Login' of Squarespace was outside. I just hid it since it is not the link the client wants to be outside. Thanks!
  3. Site URL: https://moose-sepia-m3gk.squarespace.com/ hello all, I am trying to change the "Order Online" to have an outline button for the link. I believe I did this before by starting with a template where the button was outlined, but on this particular site, none of the code I am trying is working. Here is the website: https://moose-sepia-m3gk.squarespace.com/ and pw: lipscafe-ss Here is the last code I tried: //button cta a.Header-nav-item:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 100px; } Any help is much appreciated! Thank you,
  4. 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??
  5. Site URL: https://weightlosswithcoachmelanie.squarespace.com/ Hey peeps. I'm trying to use anchor links in my clients navigation to jump to a section of a page... password is: melanie the "Weight Loss Philosophy" and "Favorite Clients" are both on the same page. I've tried numerous methods and nothing seems to be working. Currently I'm using a code block on each section, with a unique id (weight loss philosophy is #approach, favorite clients is #clients) On another note, I've noticed that another clients anchor links that have been working beautifully up until now have also stopped working (About dropdown on https://livevitae.com) - is anyone else having issues? Or am I just doing something wrong?
  6. 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?
  7. I need to change the hover menu that appears in navigation. My fixed header color is red and the hover menu is also red. I want to change the hover menu to a different color. I tried using the theme editor (Site styles -> Colors -> Selected theme (bright 2), but for life of me, I can't find the correct option to change this. I would prefer to change this via the style editor provided via Squarespace (i.e. without entering custom code if possible). I am using the Roseti template. Thank you in advance.
  8. Site URL: https://silver-begonia-kw46.squarespace.com/ I been using some css codes to move my call to action however, its push all my navigation links too far to the left. Is there anyway of push the links so that it sits under my call to action button?
  9. Site URL: http://www.breemelanson.com Hi everyone, I need help with changing the font size on my sub navigation links. I have links that are in folders and can't figure out how to resize them. The website is www.breemelanson.com Please @tuanphan or someone help? Thank you in advance!
  10. Site URL: http://www.dashofprideweddingpros.com I have just published the web page and the navigations don't show up on the desktop version. They are there on the mobile version. Can anyone help me? Thanks, Jenna
  11. Site URL: https://nonagon-accordion-zx5m.squarespace.com/ Hi, i'm trying to make all the navigation links bold when hover and when active. I've achieved it but the cart icon it resists to appear bold when its active. I've added this css so far: /* Nav item hover color */ .header-nav-item>a:hover { font-weight: 600 !important; } .header-nav-folder-item:hover a { font-weight: 600 !important; } /* Nav item active color */ .header-nav-item--active a { font-weight: 600 !important; } /* cart */ .header-actions-action--cart .icon--cart:hover .icon--cart { stroke-width: 2px !important; } .header-actions-action--cart .icon--cart--active .icon--cart { stroke-width: 2px !important; } /* Remove Navigation Link Underline */ .header-nav-item--active a{ background: unset !important; } And this code injection in header: <style> #header a:active{ font-weight: 600 !important; } #header a:hover{ font-weight: 600 !important; } div.folder.active{ font-weight: 600 !important; } </style>
  12. (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.
  13. Hi! Looking for code to customize the color of a single link in the nav on a site I'm building. Used to be able to do this with use of secondary nav but don't see that as an option in the template I'm using. Any code / advice much appreciated!!
  14. Site URL: https://www.pppartners.sg/ Hi, Does anyone know how I can set my navigation bar with colour gradient? I set a picture in my home page top section (first picture) and I like this colour gradient so I was thinking if it is possible to have this colour gradient as my navigation background when I go to the other pages to make it more "standardise" but I am not sure how to work around with it. If setting a colour gradient as my navigation background is impossible, how can I set colour to my navigation background? I tried playing around with it (second picture) but doesn't seem possible.
  15. Site URL: https://www.fibersealnortheast.com I want to add a phone number to the navigation. In a perfect world it would be a link next to the "GET AN ESTIMATE" Button. If I add as a link to the navigation, suggestions on how to separate it from the main nav? Thanks.
  16. I don't like the way the mobile navigation menu looks. I want the mobile navigation to button to go to a specific page instead of opening the default navigation. How can I achieve this? I know how to add JavaScript and CSS.
  17. Site URL: https://www.studiosmpl.com is there a way to have the same hover effect (opacity change only) on the nav links as the text links?
  18. Hi! My navigation links are red and fade to black on hover. The active link is underlined. However, I can't figure out how to make the underline turn black as well when hovering; it remains red. Anyone know of any CSS that could help with that? Thanks.
  19. Site URL: https://little-skillet-demo.squarespace.com/ It's driving me crazy that I can't get rid of the underline for active links in the navigation. I've tried both "text-decoration" and "background-image" - .header-nav-item--active a { color: #1aa4f4 !important; font-weight: 700; background-image: none !important; text-decoration: none !important; } Any advice?
  20. 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!
  21. Site URL: https://taranaomi.squarespace.com Hi Everyone! I'm wondering if someone could help me out with changing my navigation typeface to a custom typeface. I was able to change to a custom typeface for my h1, h2, h3, p etc. but for some reason can't change my links within the hamburger navigation itself. So far I have this; @font-face { font-family: 'Voyager-Regular'; src: url(https://static1.squarespace.com/static/6015f371cbc71f649dab977e/t/6052b16db706164bacfb8e7a/1616032109736/Voyage-Regular.otf) } h1 { font-family: 'Voyager-Regular';} h2 { font-family: 'Voyager-Regular';} h3 { font-family: 'Voyager-Regular';} h4 { font-family: 'Voyager-Regular';} p { font-family: 'Voyager-Regular';} .header-nav { display: none; } .header-burger { display: flex; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } I've attached screenshots so you can see what I'm referring to. Headings work great on my other pages, it's just the links within the hamburger menu that won't change for both mobile and desktop.
  22. Site URL: https://ovsc.squarespace.com Hello, I would like to change the boxed in page (seen in screenshot) to a different colour to make it stand out more. Just that page. The other items in the navigation are meant to stay the same colour. Any help would be appreciated! Password to page is 1234
  23. Site URL: https://www.soulfruit.co.uk/ Any help with the below - hugely appreciated!! 1. Header navigation a. Can the Links to our pages all sit on one line? We would like to have: Home, Shop & Health Benefits – on the Left-hand Side of the Logo (in that order). And Our Story, Account & cart on the right hand side of the logo. b. Please also help us link the HOME navigation link back to the HOME PAGE (the same page when clicking on the logo). At the moment it links to a blank page. 2. Can the Label “Account” / ‘Login’ (it seems to change between the two!) be changed to an Icon – similar to the CART icon? 3. Checkout & Cart page – can the font be changed to Orpheus pro (same font as rest of the website. 4. FAQ’s page – please can the text be smaller (paragraph 3 size) 5. All footer text to be black – including the menu line and privacy etc at the very bottom. 6. On the individual product pages – can the menu and text in the header all be WHITE like other pages 7. Customer Account Login box a. Change font to Orpheus Pro b. Background colour – white minimal c. Button colour change to 349, 86, 59 8. Cart Page a. in the empty cart page – can the ‘continue shopping’ link be in pink - 349, 86, 59 THANK YOU SO MUCH IN ADVANCE FOR ALL HELP!
  24. Site URL: https://www.alanvidali.com/ Hey everyone! I am looking for a work around the following issue. The HENSON template does not allow the use of links for the home page menu. There is a way to add a link to the main navigation of the site, but I want the link to be placed with the rest of the pages listed below the site title Alan Vidali. There is a link on the right top corner of the site - THIS IS NOT WHAT YOU THINK IT IS, I want this link to be added below the list of other pages. Any way to make this happen? Any help is really appreciated. Thanks in advance.
  25. Site URL: https://olive-green-7stf.squarespace.com/ Looking for some help please. I've added some custom code into my site, but I'm struggling to find what I'm looking for on the forum. I'm trying to change the colour of my text links (in a folder) within the main navigation on every page apart from the homepage. The current style is set up to work on the homepage, but on the pages within the folder, the text is hidden (as it's the same colour as the background of the folder) so I'm just trying to change those 3 lines of links to pages to white. Site is https://olive-green-7stf.squarespace.com/ Thanks
×
×
  • Create New...