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

Search the Community

Showing results for tags 'navigation'.

More search options

  • 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

Found 895 results

  1. Site URL: https://www.decorationvolckaert.be Hello everyone, I've got an issue with the color of my button on the mobile navigation menu. In fact, it appears blue on the desktop version but black on the mobile menu which makes it almost unreadable. Can somebody have a solution for this problem ? I can't find where I can change this color just for the mobile version. Thank you Sorry if my English is not perfect, I'm french native πŸ˜‰
  2. I see you have an old post in the help console reference this question. We want the homepage navigation to look like this site https://www.thecuratedexperience.ca/ with the white background. All the other pages seem to be fine.
  3. Site URL: https://andersensforlag.com Hi everybody! I'm trying to replace the word ''MENU'' by another word f.ex. ''HOS:'' or ''MER OM:'' in the mobile view in Avenue Template. I've already placed some code and made changes within it so that it could be but it's not working... div#mobileMenuLink { content: "HOS:"; font-family: Futura PT; color: hsl(229,90%,46%); font-size: 17px; font-variant: uppercase; font-weight: bold; } Any idea? Thanks for any tips!:)
  4. Site URL: https://www.petersom.com/shop Hi, We are using a portfolio section/page for the /shop (https://www.petersom.com/shop) section of our website. But, when we click the hamburger to bring up the dropdown menu, the top part of it is cut off by the header. This only happens on mobile. Any idea why this would be happening? I've looked through the header menu options and adjusted the portfolio header as well. We must keep the position of the portfolio menu as "top" and not change to middle because we want it to mimic the main nav. Thanks for your help! Ben
  5. 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!
  6. hi Does anyone have custom CSS to change the navigation bar background colour and/or code to add lines above and below navbar for 7.1? I've attached some images of sites I've found with the lines Has to be 7.1, barely any of the codes I find don't work Kindest,
  7. Site URL: https://indigo-bluebird-lpms.squarespace.com/ Hello, my navigation seems to stack when its on ipad mode, is there a way to make the navigation font size change, or for the mobile navigation to be activated once it needs to stack ? Thank you for your time, vanille
  8. Site URL: http://www.intotheblackpines.com When in a product page on desktop view, the only way to navigate through the product photos is to actually click on them under the main photo. But in Mobile, you just swipe sideways on the image to navigate through the photos. I remember there was arrows to the side of the photo and the (1/5) to the top right of the photo when in desktop view, so that you could click on the arrow and navigate through the photos, but now they're not there. Also , in mobile, the (1/5) does appear, but it appears in white and some of my products have a white background so you can't see the numbers at all, I will also need help changing that to black or even a gray. Thank you in advance everyone! password to the site is jogajh89
  9. Site URL: https://hillstestsite.com I'm looking to add another navigation link to the left of the button in my site header. I've found custom css and plugins that allow you to change the last two navigation items into buttons, which I could style individually to achieve the look I wantβ€”but I'm having issues because the site header is laid out with primary nav on left, logo center, and button right. I can't figure out how to keep the button and nav link to the right of the page. Here is a screenshot of what I currently have, followed by the layout I'm hoping for: Happy to share the site password with anyone able to help!
  10. I'd like to display the navigation under the site title rather than in a hamburger icon. Is this possible in Tudor template with a custom CSS? I really like this template aside from this one element. Thank you
  11. Site URL: https://www.bubbleteaboss.com Hi, Can someone help me. I've tried existing codes in the forums but they do not work. How do you add vertical lines (dividers) between the items of your navigation bar/header? So far, I only manage to add a | by adding one to the navigation title (in the Pages section) but this is not working right because the | also changes color once you put your cursor on it (e.g. "Home |" becomes a secondary color instead of just "Home"). Does anyone have a CSS code? Thank you πŸ™‚
  12. Site URL: https://dolphin-gerbil-zh8s.squarespace.com/ Hi there, I'm trying to style my navigation so that each nav item has a different hover colour. I have managed to do this but I would like the active setting to be in the chosen colour with coloured underline. A the moment the hovers work but the active elements seem to be conflicting with main css. The code i'm using is: /* our services hover */ .header-nav-item a[href="/our-services"]:hover { color: #59CBE8 !important; } /* our services active */ .header-nav-item--active [href="/our-services"] { color: #59CBE8 !important; } /* our services folder hover */ .header-nav-item:hover>a, .header-nav-folder-item:hover a { color: #59CBE8 !important; } /* our services folder active color */ .header-nav-item--active>a, .header-nav-folder-item--active>a, .header-menu-nav-item--active>a .header-menu-nav-item--active { color: #59CBE8 !important; } /* our impact hover */ .header-nav-item a[href="/our-impact"]:hover { color: #F9423A !important; } /* our impact active */ .header-nav-item--active [href="/about"] { color: #F9423A !important; } /* our support hover */ .header-nav-item a[href="/our-support"]:hover { color: #FFD100 !important; } /* our support active */ .header-nav-item--active [href="/our-support"] { color: #FFD100 !important; } /* about us hover */ .header-nav-item a[href="/about-us"]:hover { color: #FF29C7 !important; } /* about us active */ .header-nav-item--active [href="/about-us"] { color: #FF29C7 !important; } /* resources hover */ .header-nav-item a[href="/resources"]:hover { color: #97D700 !important; } /* resources active */ .header-nav-item--active [href="/resources"] { color: #97D700 !important; } Any help would be much appreciated!
  13. Site URL: https://digitalisationinkenya.squarespace.com/ password=test 1. When I click the link in the upfront menu (summary, or any user story) - the site auto scrolls to the anchor tag link but as the header shrinks on scroll, the page below seems to appear those many pixels covered by the header (header shrinks to 70 px and the section below is covered by the header on scroll by 70 px) - any clue what could fix this? 2. Do you know how to sub-categorize the menu items furthers into sub groups (like every 3 user stories fall under one bigger sub-group which appears as the header in the drop-down menu). So it would look like: > User stories (main menu item) >>Livelihoods (nothing happens on clicking this sub-group label) >>>Ag-Tech (actual anchor tag link) >>>Ed-Tech >>>E-commerce >>Psychometrics (nothing happens on clicking this sub-group label) >>>Trust (actual anchor tag link) >>>Fear >>>Concern
  14. Hi Guys, I am using a centred navigation (logo on the left, contact button on the right and menu items in the middle). Is there a way to prevent the navigation items from stacking as shown in this screen shot? Any help is greatly appreciated! I have researched options however havent been able to get anything to work. I'm using SquareSpace 7.1. Thanks!
  15. Hi, I would be very grateful if anyone knows if this can be done? 7.1. I'm using a multi-page template (Alma) but the main page has Jump To navigation links at the top in a narrow horizontal strip. It's a long page for visitors who are time poor attending an event. For this page only, I would like to make it sticky at the top of the screen, so that when people scroll down, they can jump to areas easily. Any advice would be appreciated. Thank you.
  16. Hey guys! I have the following question: I'm trying to build a shop at the moment and I don't seem to be able to control the category-titles of my Shop categories. So there is no option to get to the font size or the hyphenation and I always have the category title cut off, when I go into mobile view. Is there any trick to doing that? (See screenshot for closer look at the problem)Thanks, I would really appreciate the help!
  17. Site URL: https://kimusubimassage.com/ Hi everyone! Currently, the top part of every page on my website has a navigation menu of six buttons plus the "home" button. I can't figure out a way to make this menu sticky, so that when a visitor scrolls down, the buttons follow along the top. Note that this is for the desktop site. I was able to select an option for this for the mobile version. My workaround has been to add linked buttons for each of the other pages at the bottom of each page, but I would like to get rid of those. I would really appreciate an assist!
  18. Site URL: https://www.rafida.org Hey, I've added some custom code to make the announcement bar, navigation, and social links to stick while scrolling. The only issue now is that for some reason the orange borders on the edge of the site are messed up. - On the right side the orange border goes under the navigation bar, - On the left side the orange border goes over the navigation bar. Is there a way to make the orange bar go under the navigation on the left? website: rafida.org pass: lastphasetesting3 - I've added a screenshot highlighting the issue. - I've added the code I used to make the announcement bar, navigation, and social links to stick while scrolling. /* remove close button on announcement bar */ .sqs-announcement-bar-close { display: none !important } /* remove underline link */ .sqs-announcement-bar-dropzone a { text-decoration: none; border-bottom: none; background-image: none; } .Header.Header--top { position: fixed; top: 41.5px; z-index:99999; width:100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } .Header--overlay.Header.Header--bottom { top: 95px; z-index:9999; } .Header.Header--bottom { top: 50px; z-index:9999; } .sqs-announcement-bar-dropzone { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .Intro {padding-top:110px;} .Index {padding-top:110px;} .Main {padding-top:110px;} .Main.Main--page {padding-top:0px !important;} .Main.Main--blog-item {padding-top:0px !important;} @media only screen and (max-width: 480px) { .Main {padding-top:0px !important;} .Intro {padding-top:0px !important;} .Index {padding-top:0px !important;} }
  19. 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.
  20. Site URL: http://www.thehairshopsalon.com When you view my website (http://www.thehairshopalon.com) on mobile and click the hamburger to expand the menu, there is a huge space between the social icons and button (Schedule an Appointment). Is there any way to tighten this up so the social icons and button are closer to the site title?
  21. Hi! I was wondering if there was a way to hide a project title on the navigation bar, but still have it accessible (by having URL links to it on the other pages of the website)? Is this possible and has anyone found a way to accomplish this - or maybe just an idea of how? Thank you! M
  22. Hello, I'm trying to create a multilingual website with 3 languages at the moment. I found some code online in order to do it. Basically I duplicated pages for each languages and created 3 folders as a language switcher. It works like a dropdown menu. On the browser it works fine. But on mobile I can't switch languages. It shows the language name eg. "English" when you click on it looks empty, you can't see the other language options. This is the website I used the code from. https://beaverhero.com/squarespace-03-languages/ I am also using a business account. Is there a way to fix this? Any help is much appreciated!
  23. Site URL: http://www.thefreerepublicofcalifornia.com Hi, Does anyone know how I could change the mobile navigation so it stays at the top, version the bottom? And is there a way to change the 'burger' lines to text? Thanks!!
  24. 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.
  25. Site URL: http://guastellasound.com/ Im trying to build a simple landing page but would like to use my site header and NOT use my navigation. How can I remove navigation from just this one page while still keeping my header. I also dont want this to affect the navigation on the other pages.
  • Create New...