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

Search the Community

Showing results for tags 'navigation'.

  • 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. Site URL: https://tarantula-quillfish-w6xe.squarespace.com/ The navigation in the header moves to two lines even though there is room on the page when the page gets smaller. How do I increase the padding so it stays on one line longer? URL: https://tarantula-quillfish-w6xe.squarespace.com/ PW: !GCet0@E#8 Thanks.
  2. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/ Hi, I have added a hamburger nav to my desktop site in 7.1 and the logo has attached itself to it! I would like to move it to the opposite side of the page. This is the code I used to add a hamburger //HAMBURGER NAVIGATION// .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} Many thanks, Kelly
  3. i`m trying to change my nav bar when its active or on scroll - its using the same color as the top section - but this worked before - but for some reason its not working any more, anyone that can help me out? kind of important //Pulse color when active nav .shrink .header-nav-wrapper a::after { display: block; content: ' '; background: #44414e; height: 1px; width: 0; margin-top: -2px !important; transition: width 300ms; margin-right: auto;} .shrink .header-nav-wrapper a:hover::after { width: 100%;} .shrink .header-nav-wrapper a--active a { background-image: gradien
  4. Site URL: https://qerkoweb.squarespace.com Hey guys, i have the product page with 3 same-level main pages. You can browse there using 3 links in navigation. What i need to do, is make different button link for every page, because i need navigate visitors of website to different places depending on who is the user. 3 main pages and types of visitors: Pro uživatele (For users) – http://onelink.to/s5tgqq (leading to different stores depending on platform) Pro restaurace (For restaurants) – typeform script Pro obsluhu (For waiters) – same typeform script https://qerkoweb.squaresp
  5. Site URL: https://sawfish-aqua-at6w.squarespace.com/ I wondered if I'd be able to reposition my logo to the top centre - then move the nav burger to the left - and the shopping cart to the right? Password: Password
  6. Hello @tuanphan, I am finding hard adjusting the Header menu for Tablet view in Squarespace. Please, do you mind sharing the CSS code for doing this. Thank you Edith
  7. Site URL: https://scacrowley.squarespace.com/ On this website, password sca the navigation dropdown links are not aligned with the main navigation text. See attached image. In the image example I want the dropdown text to align with the main nav "management" text. This is the code I added, it was even worse before this code was added. /* change dropdown menu container alignment */ .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: 10; right: auto; width: 130px; }
  8. Site URL: https://onebam.com/ I am creating a new sales page and I want it to be standalone, meaning, no navigation bar at the top. If people find my site and click around, that's fine, but I want this sales page to be just that, without buttons to take people somewhere else. Is there an easy way to do this? Currently the page is live but not linked in the nav. It can be found here: https://onebam.com/bizbootcamp
  9. Hi there, Is it possible to remove the search bar from a single page of my site? I'm using sentry login to set up a 'members only' area of the site and want users to login on a screen that has nothing on it but and image and a button. I've managed to remove the header navigation already, the search bar is still there. I'm using a Brine family template. Thanks, AP
  10. Site URL: https://katharinebarker.squarespace.com/home Hello, I have added a tag line underneath the site title on the home page only. Using the below inserted in a code block on the body of the home page: a#site-title:after { content: "Ceramicist. Penzance, Cornwall"; display: block; font-style: italic; font-size: 13px; letter-spacing: 0.1em; text-align: center However, because the Nav links automatically vertically align to the centre of the header, they are now not in line with the site title as I would like them to be (see below image, the nav currently alig
  11. Site URL: http://mnbound.com/wild-in-the-kitchen I'm trying to move the search bar on my website from the bottom of the page to the top. If you look at it through your mobile device, you have to scroll all the way to the bottom in order to utilize the search bar. Is there a way to fix this?
  12. Site URL: https://pomegranate-clavichord-6l2a.squarespace.com Would love an assist, please... working on this site: https://pomegranate-clavichord-6l2a.squarespace.com/ Pass: zilla123 I'd like to use CSS to add a top-to-bottom gradient to the Navigation Bar (currently set to fixed/all-white), but do not know the proper CSS code to make this possible. I've attempted trying a few other working answers here on the forum for other 7.1 templates, but perhaps Clarkson is a bit different from the rest? Many thanks in advance.
  13. Site URL: https://chicagotoollibrary.org Our website uses the Bedford template and I'd like to add a second button to our navigation bar that has the same styling and hover effects as our existing button, but with a different color. I've been able to hack some code to get another button, but can't manage to get the transparent button that fills when you hover. Help?
  14. Site URL: https://rhmnvfx.com/ Hi everyone, i noticed my navigation text "height-line" is to small on ipad and it gives this squeezy feeling i would like to have a gap between the top and bottom texts. And also i couldn't able to make the folder backdrop transparent. My inspect element/css skills aint good =(
  15. Hi there, I'm hoping someone can help. I am pulling my hair out trying to get a full width blue background color behind my navigation bar in 7.1. I've tried adding "width: 100%" but I still cannot seem to get rid of the white gaps on the ends of the bar. Any ideas? Thanks in advance for the help!
  16. Site URL: http://spellcraftbeauty.com On mobile, my footer is showing up in my menu navigation just on the home page. It isn't doing it on regular pages. What am I doing wrong?
  17. Site URL: https://raccoon-cymbals-g64s.squarespace.com/ Hi there, I've been trying to change the colours of the portfolio navigation text (please see screenshot). If not highlighted manually, the text would be the same colour as the background. Further, I've looked around and I can't tell which of the section themes would affect the colour of the navigation text (i.e. "next portfolio item"). Any help with this matter would be greatly appreciated. Thanks!
  18. Site URL: http://lakerenfaire.com/ I am trying to find the right code to apply the "Index Scroll Nav: Show On Scroll" or "sticky navigation" to all pages on the site when scrolling down the page. This feature is available on the Pacific Template, but limited to and Index Page that has been set as the Homepage. Other Index Pages on the site or pages in general do not offer this option. How can this be achieved sitewide?
  19. Site URL: https://www.classfivemind.com/freetraining Does anyone know how to change the header on a specific page without it affecting the entire site? I want to remove the entire header from a landing page I built, but keep it on all of my other pages. I want to remove the logo and button from the Header on this page. I want to keep the entire header like this on all the other pages.
  20. Site URL: https://nourishbytara.com Hi. I am having trouble getting my navigation bar coding correct. I added coding so when you hover over the navigation options it highlights them green and changes the font to white. However, once you select a category, when you hover over the items in the drop down in that category it changes the font from white to black. If you hover over adjacent categories that you have not selected the white font works. It is only once you are within a particular category that it does not work. I have attached images. It is difficult to explain. I would like for the f
  21. Site URL: https://spinach-flower-hmcn.squarespace.com/ Hello, I have a problem with my website. Currently I have the code set up for my navigation for "Hover state, and Active Hover" So without hovering, the navigation links are grey. When you hover them, the color is pink. When you're on the page (Active) the color is green. However, when you hover the same active navigation link, (Assuming it is still pink) the color is still pink but slightly off. For example, If you go to the website. 1. Click on "One" (Hover shows Pink) 2. When you're
  22. Site URL: https://www.erateconsulting.com/ Hi everyone, I came across an issue when resizing my website using Chrome. On some screensizes (not all), the main navigation overlaps my logo instead of breaking into two lines. On the screen shot below my window is about half the size of my screen. Any ideas of how to fix it? 😞
  23. Site URL: https://www.blue-marble.co.uk/ Hi there, On www.blue-marble.co.uk (password bluemarble), I've forced the desktop nav into the mobile hamburger version. Is it possible for this to not click into a full screen white fill and instead for it to be a right aligned background (so just over 1/3 of the screen) fill with smaller text rather than click into a full screen fill? Thanks,
  24. Site URL: http://www.dolphinbottles.co.uk Hi, I was hoping to know if theres any code that when you click the mini logo in the right hand corner of the page it would auto-scroll back to the top of the page? The logo is fixed. Code is: <div id="dolphin-logo"> <img src="https://static1.squarespace.com/static/5efca1d4b38d327351cb3a48/t/5f80623086feca1a363d3f95/1602249265109/Untitled+design+%288%29+%281%29.png" width="110" height="55"> </div> #dolphin-logo { position: fixed; top: 90%; right: 0; left: 80%; transform: rotate(0deg) translateX(50%)
  25. Site URL: https://fuchsia-turkey-ztb5.squarespace.com/config Is there a way to put a search bar on the Crosby template header, off to the right hand side?
  • Create New...