Search the Community
Showing results for tags 'navigation'.
Found 501 results
-
Extend Navigation header width for more pages?
AdamSupra posted a question in Coding and Customization
Site URL: https://www.adamhyattphotography.com So I am using a template that has plenty of space in the header for more pages to be displayed but apparently starts a new line after so many. Is there a way to keep it going all in one line? Page isn't active yet to post a link to. -
Nav Hover Code to add border or background color?
AdamSupra posted a question in Coding and Customization
So I have a site that's not yet active but I am trying to figure out how to make the navigation links when hovered over change color like a button does and be highlighted with a background color... for instance I also work with this company CarCultureTV.com to see how the nav works. Would this coding plus something extra make that work or is even possible with squarespace? -
Site URL: http://www.shapelyevents.com/ Hello I'm using squarespace 7.1 and I'm wondering if there is any way to have my shop page navigation on the side. I know it is developed by using categories but I would like them place on the side as opposed to centered on the top. I've attached the picture and thought I scrolled through all the options but to not see a styling option for this.
-
Site URL: https://www.visionarydesignbuild.com/ I am trying to figure out how to line up the top of my nav folders to the bottom of my nav bar.
-
Site URL: https://phillipsrestorationinc.com/ I injected code into the footer of my website. Everything pretty much works as intended. However I have these weird obstructions of the same logos I injected code for into the footer obstructing my navigation menu on mobile view. See the attached screenshot. -
Site URL: http://www.plural.tv Hi there, We're trying to align the Primary Navigation (the only button is 'Contact') to the baseline of the Logo. Can this be done with some simple CSS? Our current site password is: 9lura75it3 Thanks so much for taking a look. -
I’d really like to have sidebar navigation on my website using Avenue. The reason I like Avenue is the ability to display single, thumbnails images that you can click to expand further on the project, whereas Wells is only a gallery. I was wondering (if it’s possible) if anyone has a code to inject into the Avenue theme that would move the top bar navigation links to the side similar to Wells. edit: Wells would be perfect if it functioned similar to Avenue, if there’s a way to not be forced to use a Gallery and have a similar thumbnail page link option like Avenue..that would be great too -
Hello, I got a quick question with 7.1. I'm looking for the usual options for a navigation status (active/mouseover) (used to be plain, spotlight, underline active etc...) can't find it on 7.1. Thank you, I appreciate help! Armin
-
Site URL: http://wolf-cube-3k56.squarespace.com I'm working in 7.1/Clarkson. Is there a way to space out the links in my drop down nav? The only option I have is to adjust the line height, but that doesn't affect the links in the drop down. Thanks
-
Site URL: https://tekorowaiowaiheke.org/ Hi I have an issue with the menu items inside a dropdown folder in the top level navigation of this site getting obscured. They simply fall outside of the browser window and the text is obscured. We're using the BRINE template The names are quite long but it's important for the client to have those full names there and the dropdown menu item in that spot in the navigation. Is there anything that can be done about this so the text remains visible, i.e. the dropdown not appearing to the right of the top level nav item but shifting towards the centre of the site instead when dropping down?
-
Site URL: https://green-wrasse-ttt9.squarespace.com/ Hi -- I've looked all over and can't figure out why when I click on a folder drop down in mobile navigation, the back button does not take me back to the main page of navigation, only to a blank window with no links. Thoughts? I'm using the Almar tablet. There's nowhere in the SquareSpace customizations for the template to specific the address of this back link... very confused. Any help would be wonderful! -
Site URL: https://hpch.org I've added a "live stream" button to my secondary navigation but would like to change the color and also the padding (I think that's the correct way to make the button perfectly round?) I can locate the #yui object and style it but it seems that the ID changes each time the page loads. How can I permanently target this item in CSS? Bonus points if anyone can suggest a way to animate the button with a pulse effect.
-
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" .
-
Site URL: https://wandpdesign.com/ Hi! I've been trying different methods to no avail on how to get a translucent nav bar that blends into the background when you open my site, and when you scroll down it turns into a smaller white bar up top. Attached link for example. I'm using the Clay template in the Brine Family. Thank you in advance! -
Can you make header and footer navigation the same?
CostelloLegal posted a question in Coding and Customization
Site URL: https://gecko-maracas-par5.squarespace.com/home-1 Hello! I want to make my footer navigation have the same links as my header. I seem to be able to drag pages from the header to the footer, but that of course removes them from the header. And I assume that if I copy a page and move it into the header, I will wind up with two pages that I will have to update separately. As googling the issue hasn't proven terribly fruitful, I've devised a workaround in simply adding a text block to my footer with text that mirrors the header and making them links. However, there seems to be a limit to what styling rules they will accept. Though I can modify their margins and font-size, I cannot seem to change their color or remove their underline (though, oddly, they will comply with line-through). This is what I'm currently trying: #footer a, a:visited{ color: white; margin-left: 10px; margin-right: 10px; font-size: 20px; text-decoration-line: none !important; } Any advice on either solution would be much appreciated. -
How to hide Navigation elements on shopping cart page?
bertiweber posted a question in Coding and Customization
Hello! I would like to remove certain navigation items in the shopping cart page. - Template: Brine (Hyde) - Hide: Primary navigation items 4 and higher (nth-child(n+4)) - Hide: Secondary navigation item 2 (last-child) - Hide: Footer navigation items 5 and higher (nth-child(n+5)) All other pages work perfectly fine with hiding navigation elements using css codes and targeting their collectionid- and itemnumbers. But I can't seem to find out how to target the shopping cart page. Appreciate any help! Thank you. Sincerely, Berthold -
Site URL: https://www.jonasstensgaard.com/shop/funny-home-is-where-quote-bundle-svg-cut-files-family-quote-craft-file-funny-quote-design I'm on the York template. I've just started implementing Adsense on my website and have added ads via code blocks but I noticed a problem: When I add the ad blocks it destroys the way the navigation works on mobile. When I say destroy I mean you can click the hamburger menu but it looks like the menu is empty. In fact it looks like it's empty when in reality a LOT of space has been added above and below the links. The problem exists both in real-life viewing as well as through my squarespace website editor. I contacted Squarespace support and the guy I spoke to found out the problem only exists when using Safari. I tried clearing the cache and all that by following these instructions: https://support.squarespace.com/hc/en-us/articles/115004581087 But that didn't solve the issue. I also tried removing my code from the site-wide Code Injection as well as the custom CSS but that didn't change anything. Also, on pages similar to the one I linked to where I haven't added any ad code block the problem doesn't exist. So it has something to do with the way Safari handles the code block with the ad code maybe? Any idea as to how I can solve this problem? EDIT: So, I managed to do a sort of fix where I added custom CSS that targeted the container of the menu: .overlay-nav-container { height: 0px; } I just set the height to 0px and that fixed the problem - but you can still scroll and scroll because when I inspected the site code it said the container height was more than 5000px! Why does it say that? And is there another and more proper way to fix this? And is the code I added safe enough to use or will it create problems for me in some other part of my site? -
Site URL: https://www.menos.cc Hey, I'm trying to invert the logo color of my website ONLY on the navigation menu on mobile devices. (Or, even better, make my logo 'smart' so it inverts to white on dark backgrounds/images, and keeps black color on light backgrounds). Any help? Any of those options would do :)
-
Is it possible to make a navigation folder a clickable link? I would like to have a hover option for a various services but also a unique clickable landing page for our services.
-
Hi Recently coming back to squarespace after a long time away. Quickly I am remembering why I left - the beautiful websites back by a painfully limiting editor with a severely limited range of features. Is there any way to get secondary navigation/footer navigation on Squarespace 7.1? This was something that I remember from 7.0 but it seems to have gone. If it has, what on earth is the reasoning? I get not giving us options in the first place but taking away options that were already there and are very common website features? This really is taking the mickey. Cheers if anyone can give me a solution. Currently I have 12 sub-pages under the about menu and putting them all in a folder in the top menu is extremely clunky. I would love to be able to put them in a separate menu in the footer, as seems to be done by at least half the websites I visit, including SQUARESPACE's own website!! (see attachment)
- 1 reply
-
- 2
-
-
- secondary navigation
- navigation
- (and 2 more)
-
Hi there, I'm trying to move my main navigation down (to be in line with the bottom of my logo). Is there a way to do this in the site using custom code? I'm using the Mercer template. Thank you for your help!
-
Site URL: https://nectarine-circle-ngf5.squarespace.com/ https://nectarine-circle-ngf5.squarespace.com/ password: apod Here is the site URL, the problem i am facing at the moment is quite an odd one... So first of all Using CSS I changed the header to have an image behind it. .Header--top { display: none; background-image: url("https://static1.squarespace.com/static/5e28e3821bc1146fbddc88f8/t/5e36482d21662377966f68f8/1580615725729/Base.png"); background-size: 100% 100%; } What I am trying to do is make it so that the image goes behind the navigation, however when setting the header z-index to higher values nothing happens. Behind the navigation there is a white background and I am finding out that is the the background color of the whole page. I am really hitting a lot of walls here if anyone could help. -
Site URL: http://www.mitchbakker.com I am running into an issue (Brine Template) where the Home Page (/home) Primary Nav Menu utilizes Anchor Links (#example), which properly auto scrolls to a place on the Home Page with content relating to #example, but then clicking through to a new "Example" page (/example), ends up retaining the same Primary Nav Menu...which then is broken (because #example only works on the Home Page (/home)). Essentially, I'm wondering how best to implement Relative Links in Squarespace? How are you folks utilizing an anchor link in a nav menu, and then redirecting back to the home page after that? If you visit the site soon after this posting, you'll find that the closest solution I can come up with is to include: /home#blog in the Nav Menu, so that it at least redirects back home. But even then, it's not going to that section on the Home Page for some reason X) Thoughts? Thanks, folks! -
push navigation Code for creating push navigation
gleemedia posted a question in Coding and Customization
Can anyone recommend custom code/plugin for creating a push navigation similar to this site? https://workhiveslc.com/ I'm using the Brine Template and am assuming it'll need to be code injection for the header. Maybe someone knows of a site offering or selling the plugin code? I know I can mimic this - sort of - by forcing the mobile hamburger to desktop by increasing the mobile breakpoint, but that means the menu background covers the entire desktop screen. Hoping to find partial coverage code. Thank you! -
Site URL: https://www.everbreezepsych.com/home Hello! My site is using the Foster template. How can I make the main nav links underlined on hover and stay underlined when they're active? Is there any way to move the footer navigation block to the top block? I'd also like to change the color of the social link to #FFA666 at all times. Thanks!
