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

Search the Community

Showing results for tags 'navigation bar'.

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
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 28 results

  1. Site URL: https://www.enayball.com/ Hey, I have made my website using the Jones template. As I understand, it is not possible to make a button in the navigation bar using this template, however, it is possible to do this via CSS code. I have tried to follow this tutorial: https://thirtyeightvisuals.com/blog/squarespace-add-button-to-header-navigation But due to my limited grasp of CSS I couldn't get it to work. Would really appreciate it if someone could help me out and provide the coding I need. I have attached an image of the ideal button styling I am after (although I would want the text to be lower case). Any and all help much appreciated! Thanks in advance!
  2. Site URL: http://torontorings.com hello, i need help with a few things. im using the galapagos template 1) how can i move my logo so that its above the navigation bar 2) how can i center my logo when its viewed on a mobile device thanks to all who reply
  3. Site URL: https://www.fsivirginia.com/ I went to update pages and see that my navigation bar is not loading properly. I don't want the three bars, just the in the header. I am not seeing it in the "design" tab at all. Is there something I am missing?? LOL...my brain in lockdown too long lol.. thanks
  4. Site URL: https://www.earthdrivencollective.com.au/home Hi again! Need help on this. Client wants the gap to be less in between the navigation items and content (photos). I'm thinking the only way to do that is to: 1. Decrease the height between the (1) main navigation and drop down menu items and 2. Decrease the height between the drop down items 3. Make the fonts of the drop down menu items smaller Then after that I can adjust the padding between the navigation and content. Does anyone know the codes for the three adjustments above? 🙂 Or any suggestions to make it work? Ideally, client doesn't want a big space between navigation and content. Is there any way to do that once we add more items in the drop down menu?
  5. Site URL: http://common.com I am using impact template and currently my website has a navigation bar on top with logo and links. I'd like remove it so that the image (banner below) can shift up and logo and links can overlay it (homepage would look cleaner) - any suggestion how to do it?
  6. Site URL: https://fpg.com I'm running into an issue where I have several folders in my primary navigation bar, but when they drop down, they get cut off by the right side of the screen. I've included an image as shown, but am hoping to add some sort of padding on the far right side of the navigation screen. Id still like my links to be right aligned, because I know putting them in the center would technically solve my problem, but am hoping to just shift all of my content over a little to the left so that you're able to read whats in all the folders. Anyone know how to solve this problem?
  7. Hello, I have a site on the brine template and I am looking to get the navigation along the top to stick whilst you scroll through the site. Is anyone able to assist with this at all? Also bonus points if anyone is able to help with getting a phone number at the top of the navigation as well! Cheers, Lauren
  8. Hello there, I am new to coding and I am running into a roadblock. I have a logo that I would like to add to the bottom of the navigation pop-out menu in the mobile view. The logo is a png. I am using the Foster(Live) template. I cannot think of how I would add an image to an area that only allows links to other pages and such. If someone could help me in coding this feature that would be much appreciated. Thank you and my apologies for the imprecise language.
  9. Site URL: http://https%3Adivine.cymru Looking for help with CSS for Media Queries on viewing with tablets. I'm very happy with my site on both Mobile & Desktop. There's just some difficulty getting my sight to look good in between. Weather it's a desktop with a narrower window or a tablet viewing my page, my navigation and buttons in the header are all over the place. I'd like code to change how my button looks like in Tablet viewing. Both examples are below for comparison.
  10. Site URL: https://www.earthdrivencollective.com.au/home Is there any way we can customize the spacing and placing of the navigation bar? Client wanted it just above the photos and instead of a dropdown menu, the items in the navigation bar would go up. I attached a sample layout below.
  11. I need advice/code on how to change the navigation hover colour please. Template - Hester Thanks
  12. Site URL: https://enactusbrandon.com/new-products Can anyone help me include my navigation bar in my product page? I only have a couple of products I sell and so I don't need specific category pages but I would like the navigation page to be on there so customers can easily access other pages that tell them about my organization. I have attached screenshots of what I am talking about. Thanks in advance! I want the navigation bar with the "Soap for you, hotel hero, and out commitment" on the page that only has "all, soap" .
  13. Site URL: https://buffalo-porcupine-x37d.squarespace.com/config/design I'm trying to find a way to lower the navigation bar on the Hayden template. Would anyone know the CSS code to do this? Thank you!! It's driving me crazy!
  14. Hi everyone, I am just learning about coding, and would like to ask you few questions. This website was using forte template and modified it http://www.aifny.com/ Is there any possibility to increase the space from the top of the page and title/navigation bar? Also still trying to find a code to remove background for the arrows but few codes that I used doesn't work... And the last question is how to dim slightly entire page when you drag mouse on the navigation bar? Any help is appreciated.
  15. Dear Community, I am creating a website for a organisation. We decided to have it in 3 languages. I followed the attached tutorial. Everything worked up until the part where I am supposed to hide the navigation panes that aren't supposed to be on the i.e. German version, English version. The code only works when I add nth-child(1), which then removes all three navigation panes. I have to add I do not code so I am really lost so I would greatly appreciate help from someone with experience. Thank you very much!
  16. How do i go about customizing one link on my navigation bar? I need to make the last link to REGISTER for a conference stand out. Just making it a botton or different color could help. The site is diphilly.com using Adirondack. Thanks!
  17. Hello, I'm having trouble changing the color of the navigation side back background. Circled in Green in screenshot. The black text I have for the nav bar is hard to read on the dark grey side bar. I want to change the Side Bar color. Please help, I can't get it to change in site styles.
  18. Is it possible to hide the Logo, Navigation bar, and footer on the shopping cart page? I've used codes to hide all these elements on other pages, but I can't seem to find a way or a code to do this on the shopping cart.
  19. Hi all and thanks in advance, Is there a way that I can replace the text in the navbar with images. I've hand drawn the texts (I.E "About", "Contact", "Home") and i would like to replace the text with images. Is there a way to do that, maybe even on CSS? Thanks.
  20. Hi Guys!! It's me again, thank you so much for the community's help so far. I'm curious how to code the navigation bar on the shopping cart page to be fixed/sticky. Right now it looks all jumbled and not right, I've attached an image below. The website URL is: https://penguin-roadrunner-4c8m.squarespace.com/ Password: Skyfall77
  21. Does anyone know how to style the new navigation? I have set up a transparent navigation and when I scroll down it disappears. When I scroll back up it reappears with a black background behind it but I would like to change the background colour. I went into design then colours and into advanced but I still can't seem to find out the solution. Can someone please help?
  22. I am looking to have the navigation links change from page to page. For example: on the home page of my site I want to have "news, blog, media, podcast, contact" as the navigation link options. On the blog page of my site, I only want to have "podcast" as the only navigation link option (meaning, I don't want any of the other above links to show). I am using the bedford template, how would I do this?
  23. Hello, I have recently implemented a hamburger menu for a website I am working on for the desktop & mobile versions. I was previously using a nice code that underlines the navigation menu when you hover over the links, now that I have switched to a hamburger menu style I was wondering if I could slightly alter my code to target the hamburger menu navigation? I am assuming I can re-target the code to work the same but just targetting the hamburger menu nav instead now. Below is part of the code I am using - I have highlighted the part it currently targets which was my old navigation menu. Is it as simple as replacing header nav a with the source for the hamburger menu nav? Does anyone know how to target this section of the site and if so what is it? // Left Nav Line // @media all and (min-width:840px){ header nav a { display: inline-block !important; float: left; } I am using the original version of squarespace and I am using the brine template - I've changed the mobile break point so I could achieve the hamburger menu, now I would like to have the ability to underline the navigation options when a user highlights over them.
  24. Hi everyone, I am just learning about coding, and would like to ask you few questions. This website was using forte template and modified it http://www.aifny.com/ Is there any possibility to increase the space from the top of the page and title/navigation bar? Also still trying to find a code to remove background for the arrows but few codes that I used doesn't work... And the last question is how to dim slightly entire page when you drag mouse on the navigation bar? Any help is appreciated.
  25. I am using the Brine template, And I'm not seeing any options to create a transparent navigation header and add a full-size banner image. I am trying to re-create this site, which says uses the Brine template as well. I'm not seeing any styling options to mimic this site header/homepage style. Any help is much appreciated! https://www.usesixty.com/showcase/squarespace-website-examples/7047-fringe
  • Create New...