Search the Community
Showing results for tags 'navigation'.
-
How to format the nav menu button on tablet
rubystuffevents posted a question in Coding and Customization
Site URL: https://www.cdfielddays.co.nz/ Hi there, I can't seem to figure out how to format my nav menu button for tablet/smaller screen view. When the window on a computer is made smaller or viewed on a tablet, it formats the button onto two lines and it makes the nav menu very deep - is there any way to make the button automatically resize depedning on what screen size it is viewed on? Have got it working on mobile all ok. Screenshot of smaller screen view attached. Thank you! -
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!
-
Full width colored navigation bar in 7.1
wisteriacreative posted a question in Coding and Customization
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! -
Hi there, I want to add a drop down to the primary header menu for 'Blog' by category. The other header categories can do this via folders but is it possible to do the same on the primary menu, as opposed to inside the blog page via an archive block? I suppose alternatively I could create a page called 'Blog' in the primary navigation and within that page have a folder, which contains various pages each of which is a blog category page, and have the primary page directed to an unlinked blog, but this is both a lot of work re-arranging and also seems to defeat the point of the blog fe
-
Site URL: https://wolf-cube-3k56.squarespace.com Can anyone recommend CSS to add so I can spread out the items in my drop-down nav? I've already added CSS for line height, but I don't know the tag for the space between the line items. I have links that are two lines long, and I need additional space so there's more separation. Also, is there a way to add padding to the bottom of the container box? Thanks
-
Site URL: https://www.markleaderphotography.com/ Hi there. I'm trying to figure out how to horizontally centre my navigation. Any ideas how I can do this? Here's a link to my site.....be so grateful if someone could take a look. https://www.markleaderphotography.com/ Thanks :)
-
Site URL: https://hampseshop.com How to delete the space between top navigation and banner in both mobile view and desktop view https://hampseshop.com Thank You in Advance
-
Hi, I have always used <a href="page-slug">page-title</a> in my folder navigation to create a direct link. For some reason this has stopped working. Does any know another work around for this?
-
Hi all I am trying my best to create a website for my new store, I dont have a URL for it as I am currently trialling new versions, and looking in between 7 and 7.1. In 7.1 is there any way of reducing the height of the categories bar? I cant find it anywhere and have been searching the internet all morning. Have attached a screenshot of the 7.1 version, compared to how it looks on 7, which I much prefer, asides from the navigation coming up as a side panel. If anyone can help would really appreciate, the categories bar is so massive and distracting!
-
Hi all, I'm a new user to Squarespace and I'm looking for some help. I want to add a call to action button in my main navigation for the last link (Get Your Invite) I've already tried a bunch of other css codes which have been posted as answers in previous questions before, however they don't seem to work with my Hyde template. My website is - www.varaoptical.com Any suggestions and answers will be highly appreciated, thanks! -
Hamburger icon out of place on mobile view on Wells template
cjgetty posted a question in Coding and Customization
Site URL: https://camerongetty.com Hi, I just changed the MENU text on the Wells template's mobile view to a hamburger icon, but for some reason, the icon doesn't line up nicely on the right side of the viewport like the MENU text does. Any fixes? Here's the added custom CSS: #mobileMenuLink a:before { content: ""; background-image: url(https://static1.squarespace.com/static/5faf83293c1c873f9e16be1a/t/5fbda7bf2dd96f5918a94f27/1606264767069/icons8-menu-48.png); background-repeat: no-repeat; background-size: contain; background-position: center center; wid -
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. -
Hi! I was wondering if anyone can help me come up with a code to change my navigation bar colours to be different on my products page. It is currently transparent and gets lost when scrolling. My other question is how to code my logo and navigation bar to be fixed but get smaller upon scrolling. The template I am using is Brine. -
Hi, I would like to have my navigation links either side of my logo. I'm currently using Irving template and is doesn't look like this template supports this feature. What templates do support this feature? I'm using the latest version of Squarespace. -
I have the categories set to top bar navigation. I would like the category navigation (all the categories) to remain in view on each category page (not product pages), with a highlight on the current category the viewer has clicked. Currently on my site when you click a specific category, the entire listing of categories disappears leaving only "all pieces /"* and the category you are on. *Further, I don't understand where the slash mark is coming from either as it is not part of my naming and I would like to remove the slash. -
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
-
Site URL: https://www.ftctx.org/socks Is there a way to make the products page navigation sticky so that when people scroll they can still change to another category? Currently it is fixed at the top and just scrolls away.
-
Site URL: https://goose-swordfish-amj3.squarespace.com/ Hello, Our site title is a little long. With the cart, search and nav icons alongside it, the mobile header is very busy. Is there a way to put these icons at the top of the mobile menu, so that the header only has the site title and the navigation icon? I've attached images – the first is the busy header, the second is the mobile menu. We'd like the icons to appear above "Art Projects." We're using Marta. Let me know if you need additional info. thanks!
-
I'm working on this site: wearecuriousfoxes.squarespace.com password is wearecuriousfoxes There's a huge amount of space that I would like to decrease between the nav and the logo. Anyone know how to go about it? Thanks! -
I'm building on Brine, and I'm using fixed headers.I have no issue with how to make those work, nor with using either .site {padding-top: 90px;} or .index {padding-top: 90px;} , depending on what's needed. My issue is that when I have navigation (on index pages) that relies on anchors, like site.com/#about , my header covers my headline. I could insert a spacer, but then the site looks oddly spaced and lame. I can write links with an <a class="anchor" href:... and then use the stylesheets to create .anchor {padding-top: 90px;} The problem with this solution is that I
-
Hello, Just looking for a code to stop 'contact us' going onto the next line. There is definitely space for them all to fit and still be centered.
-
Site URL: https://www.thesuccessleague.io I'm building a site for a client on a 7.0 Bedford template (Hayden.) I'm having an issue where clicking the hamburger icon on mobile version of site will not activate the mobile menu. Occasionally, the window will pop up, but then I'm unable to click any of the navigation items. Some research leads me to suspect that it's an issue with some of the HTML blocks I have on the site, or a tabs plugin I have installed. Would appreciate any assistance with this issue!! @tuanphan perhaps this is within your expertise? Thanks! www.thesu -
Auto change navigation button to newest blog post
welfaremike posted a question in Coding and Customization
I would like to know if there is a custom code way to make the button in my navigation bar to always link to the latest blog post? https://www.effinghamvillagewine.com The link above shows what I'm talking about. What I do now is just make the button for Wine of the Week into a link and manually change it every week. What I would like the button to do is to pick the latest blog post (we post the "Wine of the Week" via blog collection) and make the button link to the post automatically. We schedule our posts in advance and would like to change the button automatically as -
Site URL: https://grouse-goose-b4ym.squarespace.com/photographicdiaries On my normal Wells Gallery Pages, you can flick through my images from left to right with a simple arrow cursor. I've added a slideshow gallery into a blank page, and there's no way of creating a simple navigation arrow. The only option I have is 'Show Next and Previous Controls' in the Design edit section, however these don't look great, and don't connect to the layout for the rest of my site. I've tried copy and pasting the Custom CSS coding to create > and < arrows, but that didn't work. -
Site URL: https://www.principalconstructionllc.com/ Hello, I have a couple of difficulties regarding the navigation. My first issue was that on different size monitors, the navigation appears differently due to SquareSpace moving the navigation bar to fit the screen. (pictured shows navigation bar adding a second line just for "contact us"). I tried to shrink the font but then on larger monitors it appears small and out of the way. I was wondering if I could get some help either: Changing the navigation bar so that the font will auto-fit with the size of the screen. Or
