Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'nav'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I've added this code into the Custom CSS: .sub-nav a:active, a:hover { outline: 0; color: #237CA8 !important; } Which has created the desirded effect (a hover state for my nav links) but it's also added the blue hue to all my button hover states. How can I get the Custom CSS to only target my menu nav? (See two images attached) Thank you in advanced!
  2. Site URL: https://anxioussound.com/aoty-index-v2 I'm working with the Foster template on version 7.0. I've added an Index Nav block to my site via Site Styles. It's currently aligned vertically along the right side of the site. I'd like to rotate it (and the nav links within it) so that it aligns horizontally beneath my custom header. Any advice would be much appreciated.
  3. I'm demo-ing Squarespace... How do I reduce the size of my navigation fonts on the mobile version?... How do I reduce the size of the hamburger icon on mobile? How do I move that hamburger icon to the left or right and get it closer to the edge and away from my logo?... Is there a way to add the hamburger icon to the desktop version and put it on the right?...
  4. Hi, Im have a custom squiggly line I drew that I want to use as an underline for my active tab in my nav. I was wondering if its possible to do that with the css
  5. Site URL: https://www.tophuillustrations.co.uk I've been struggling with this for a while, I've looked for hours for how to target this menu's font size but none have worked so far. I just want to make these nav links' font size smaller! I've tried: #overlayNav #mobileNavWrapper nav div label a.Mobile-overlay-nav-item nav.header-menu-nav-list *
  6. Site URL: https://erincjax.com/home-jp Hello, I'm working on making my website bilingual and am having trouble with the mobile navigation. For desktop, I've already figured out how I can display Wells main navigation for all L1 (English) pages and hide the secondary navigation for L2 (Japanese) and vice versa. <!-- MAIN MENU HTML IN SITE/PAGE HEADER --> <style> .main-nav#secondaryNavigation { display: none; } </style> <!-- SECONDARY MENU HTML IN SITE/PAGE HEADER --> <style> .main-nav#mainNavigation { display: none; } </style> However, I can't seem
  7. I am trying to use the Ready template but the lime green color it comes with doesn't seem to be editable for certain elements. It is still visible as a faint horizontal line between the mobile footer and page. And also visible as a portrait line between nav and page. Elsewhere I have managed to make changes (line block, desktop footer etc). How can I edit these particular lines?
  8. Hi @tuanphan! Hope all is well. Can you please help with two CSS questions? 2 questions - 1. I customized the CSS of my mobile nav to switch fonts to essentially match the HEADLINE style when on a mobile device. When you click, and the text appears/dissapears on click, you see the previous style load behind the new style. How can I change this so this is not vissiible? 2. How can I change the background color behind both the logo and the nav links on mobile, to either be a solid color or a picture background? Thanks so much for your help! -NK
  9. Site URL: https://www.mattportch.com Hi, How do I get "< BACK" to go below my navigation project titles? (Select PROJECTS from the hamburger icon top right)
  10. Site URL: http://neonerp.com.au Hi, I want to change the colour of my nav (burger) icon and search icons to black via CSS (in my case, it will be used for mobile site where the banner image is disabled). Can you help me? I can't seem the change the fill colour or find the right element to use...
  11. Hello SS community ! Hi @tuanphan I am looking to create a navigation using images, versus text. ex. https://www.mikeperrystudio.com/ Does anyone have any experience with this, or know how I would go about solving this? 1. I use Squarespace 7.1 2. I would like to create a NAV using images, instead of text. ex. https://www.mikeperrystudio.com/ 3. On mobile, I would like the hamburger and X to be a custom
  12. Site URL: https://www.mattportch.com Hi, Is there a way of keeping the PROJECTS navigation on the same page? (not sliding to another nav page) It would be great if it could go something like the below examples... OR...
  13. Site URL: https://www.abeno.co.uk/order Hi guys, Quick question, we've got a couple online stores up with breadcrumb navigation which work great on the computer, but disappear in the mobile version and seem to allow only the arrow options. Is there a way to keep the breadcrumb nav in the mobile site? The thing I'm worried most about is frustrating customers, because after you add an item to basket you have to press back on the browser to go to the previous page, or through the main site navigation, both options of which bring the customer back to the top of the main store page regardle
  14. Site URL: https://kangaroo-polygon-sn6z.squarespace.com/config/ Hello, I'm hoping to find a way to make my sticky nav transparent instead of the default white background. If anyone has any solutions, I'd appreciate any help! Thanks!
  15. Site URL: https://www.iamjustinsinger.com/ Looking to reduce the padding between my logo and the content on my page just on desktop version. Any ideas?
  16. 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?
  17. I'm currently using the template Barbosa in 7.1. I want to add hover actions to the nav bar so that when you hover over the pages the nav text turns from gray to pink. I also want this to happen with the all of the buttons on the page. I have not changed any styling on the page besides adding the following custom CSS. Working CSS: a:hover { color: rgb(254,64,230); } a#site-title:hover { color: rgb(254,64,230); } This css works in changing the color of the title of the page and of the hyperlinks. I thought that the a would work for the nav bar as well b
  18. Site URL: https://www.mattportch.com Hi, How do I get more space between < and BACK? ( to match the spacing of PROJECTS and > )
  19. Site URL: https://grape-plum-jrlb.squarespace.com I'm working with a difficult (busy) logo. I'm trying to find code for a transparent gradient behind the header. I've mocked it up in Illustrator to show what I'm looking for (attached). Has anyone been successful using custom code for this? I'm using the Grape Plum template. Site password is: PreviewER
  20. Site URL: http://www.stephaniefalaschetti.com/ Hi there, I am trying to get my nav to have an underline under the page that I am currently clicked on. Right now, my style has it set to be sea foam green, but I would like it to also have an underline under it so I can then just update it all to be black with a black underline. I've tried a few things and no luck. Would love some professional help!
  21. Site URL: https://www.mattportch.com Hi, Does anyone know how to keep my header (logo and nav) aligned with the image margin on iPad? It's working on desktop view - but when viewed on iPad the header sits inside the margin for some reason... I'm using this code for the padding: @media (min-width: 768px) { header#header, section { padding-left: 9%; padding-right: 9%; }}
  22. Site URL: https://heron-chartreuse-ejjd.squarespace.com Hi! I would like to make the header/navigation on the start page transparent on top of the next block which is a full bleed image gallery. Doesn't seem to work, but is it possible with css customization? Site: https://heron-chartreuse-ejjd.squarespace.com Password: Construction
  23. Site URL: https://smilodon-ocelot-my5f.squarespace.com/ Hi, I've added a new animated logo - now it's misaligned with my hamburger nav icon - how do I match them up?... passcode: trythis
  24. Site URL: https://www.grotonchiropractor.com/ I used the following code to add Google Translate to this website. Code Block in Content Body: <div id=google_translate_element></div> Code Injection Area: <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> After installing the element and inje
  25. Site URL: https://raegocreative.com/ Hi! I am trying to make all the items within my header change to the same colour on hover. So far I have only been able to do it for the nav menu links, login and social icons. But can't get it to work for the logo, cart icon and contact button. Could someone share the css to target these items? Colour I want to change to on hover is: hsl(210, 63%, 85%) Site: https://raegocreative.com/, and template is 7.1 Hester.
  • Create New...