Search the Community

Site URL: http://www.goedland.nl Hi all! I'm looking for a way to hide the mobile hambuger menu on a few specific pages of my website.. How do I best do this? In my Custom CSS I've added the following code on the pages I needed to hide the main navigation & footer. In this I have succeeded, but the hamburger on mobile remains... Also is there an easier way to hide the main nav and footer than what I've used now? Thanks in advance! #collection-5ea43d4d14bd4f0e74ba7e12 .Header-nav { display: none!important; } #collection-5ea43d4d14bd4f0e74ba7e12 .Footer { display: none!important; } #collection-5ea442813c53f87600534627 .Header-nav { display: none!important; } #collection-5ea442813c53f87600534627 .Footer { display: none!important; } #collection-5ea442b5f222897b8d590132 .Header-nav { display: none!important; } #collection-5ea442b5f222897b8d590132 .Footer { display: none!important; } #collection-5ea442c7a9fa910a7d7f11b2 .Header-nav { display: none!important; } #collection-5ea442c7a9fa910a7d7f11b2 .Footer { display: none!important; } #collection-5ea442c28315084d6dba2579 .Header-nav { display: none!important; } #collection-5ea442c28315084d6dba2579 .Footer { display: none!important; } #collection-5ea442cebe3c470ba754c787 .Header-nav { display: none!important; } #collection-5ea442cebe3c470ba754c787 .Footer { display: none!important; } #collection-5ea442bbb1653635c3af81f4 .Header-nav { display: none!important; } #collection-5ea442bbb1653635c3af81f4 .Footer { display: none!important; } #collection-5ea442af1d0fc8570b270cfe .Header-nav { display: none!important; } #collection-5ea442af1d0fc8570b270cfe .Footer { display: none!important; } #collection-5ea44341397d8072ce4662c6 .Header-nav { display: none!important; } #collection-5ea44341397d8072ce4662c6 .Footer { display: none!important; } #collection-5ea443362fec9937a4430f10 .Header-nav { display: none!important; } #collection-5ea443362fec9937a4430f10 .Footer { display: none!important; } #collection-5ea4433b00047c5743af480b .Header-nav { display: none!important; } #collection-5ea4433b00047c5743af480b .Footer { display: none!important; } #collection-5ea44325ee86164fffff2b3e .Header-nav { display: none!important; } #collection-5ea44325ee86164fffff2b3e .Footer { display: none!important; } #collection-5ea4432b397d8072ce466142 .Header-nav { display: none!important; } #collection-5ea4432b397d8072ce466142 .Footer { display: none!important; } #collection-5ea4433089503f2e48088ef6 .Header-nav { display: none!important; } #collection-5ea4433089503f2e48088ef6 .Footer { display: none!important; } #collection-5ea443878315084d6dba3c03 .Header-nav { display: none!important; } #collection-5ea443878315084d6dba3c03 .Footer { display: none!important; } #collection-5ea4437de702471b5a2a30f4 .Header-nav { display: none!important; } #collection-5ea4437de702471b5a2a30f4 .Footer { display: none!important; } #collection-5ea442a78315084d6dba22b4 .Header-nav { display: none!important; } #collection-5ea442a78315084d6dba22b4 .Footer { display: none!important; }

Site URL: https://www.fourthstreetdeli.com Hi everyone! I am very new to Squarespace and not sure what I am doing wrong. My website is for our deli. Everything looks OK on desktop and even in mobile view while on desktop. However, when I actually view it on my phone, the sandwich menus are not visible. Any ideas? Any help is greatly appreciated. Thank you! EDITED TO ADD: When logged out of Squarespace and viewed on desktop, I can't see the menus either. Only while signed in on desktop. thanks

Site URL: https://recorder-pepper-3j33.squarespace.com/ Hi everyone! I was wondering if someone could help me... On the desktop version of my site I have been able to include a custom social icon linking to 'Spotlight'. This is great however, when in the mobile menu (screenshot attached) the link still shows the generic link icon. I'd love to know how I can change this to my custom icon please! Password to site is: romy Thank you!

Does anyone have any suggestions on how to purchase or add a mega menu plugin to your site? I am looking for something like Terrain's Mega Menu: https://www.shopterrain.com I have not been able to find anything that seems to work effortlessly. Any ideas?

Site URL: https://www.brubike.be/ Dear Forum, Would it be possible to link to a dropped down menu instead of a page? With other words: creating a link (other than the link in the navigation) that triggers the dropdown menu instead of going to a page? My request is mainly important for the mobile navigation, but it would be interesting to know if this works for dekstop navigation too! I hope making it visual will help: The homepage indicates various languages with images (collage) including hyperlinked text: Dutch, French and English: Clicking on the top image (Dutch) brings you to the first Dutch page (Welkom): the first item in the dropdown menu of the header navigation: However, it would be great if, instead, you would be brought to the drop down menu itself: Is this at all possible? I hope you can help! Thank you so much in advance 🙂 Kind regards, Celina

Site URL: https://wombat-dinosaur-kkfh.squarespace.com/config/ Hello! I desperately need help finding a CSS code that will work for a hover effect on my navigation links in the menu bar. I want the effect to be something like an underline when the mouse is over a specific link OR an effect where all the links blur when the mouse is hovering over a specific link. Any help would be SO appreciated I have literally tried everything Thank you!!!!

Hi, Is it possible to add logo and text to the menu on mobile? I am using Brine template. Regards

Hi, I would like to make a frontpage with an introduction of myself and then a section with my portfolio where you should be able to filter to view only for example "campaign" "illustration" and "graphic design" Does anyone have an idea for how to make this? Should I add the images as products or blogposts? Is there any way to have this in squarespace in a smooth way? like this feature: http://mportfolio.galaxy-themes.com/fashion/ Kind regards Lisbet

Site URL: https://www.brubike.be/ Dear Forum, Is there someone who could help me figure out how to remove the word "Back" in the mobile navigation menu of the Carmine template? The HTML of the element is: <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/" tabindex="0"> <span class="chevron chevron--left"></span><span>Back</span> </a> My request is simply to remove the word "Back" from the <span></span> so that only the chevron (arrow) remains. See screenshots attached to illustrate. How do i write this in the custom CSS? Thanks so much in advance for your help! 🙂 Kind regards, Celina

Site URL: https://www.sampilling.com/music-videos In Squarespace 7.1 I'm wondering if it's possible for portfolio menus to "autoplay" between each project title (as though someone is hovering over each title in the menu) so it automatically switches between each project title and it's background image when someone lands on the page? I've been searching through previous post but not been able to find anything. Any CSS / code injection help with this would be greatly appreciated. Thank you!

Site URL: https://silencis.org Hello, We would like to customize the structure of our new website, under construction. We would like to have a menu with horizontal sliding tabs like the ones in this website: http://www.cambio.website/ We have found a plug-in to do it with wordpress but we would like to continue working with the squarespace platform. This is the plugin: https://github.com/malihu/page-scroll-to-id If you could tell us if it is feasible to apply it to squarespace, give us some advice or explain how to adapt it to the platform would be very helpful! Thank you very much! Greetings, Dadà.

Site URL: https://forest.squarespace.com I'm looking to add a visual queue that separates items in a drop-down menu in 7.1 - would either like to add a separator element like a horizontal line - or alternate link colors. Image provided with example. Could someone help me with the CSS for this? Thank you kindly!

Site URL: https://kangaroo-polygon-sn6z.squarespace.com/config/design/custom-css Hi - I'm trying to adjust my header so that the site logo and menu are all visible against my background image, specifically for mobile only. I need my logo to scale down once it hits mobile, and I need my menu nav expanded screen to have a black background so my white links are visible. If anyone could help out, I'd appreciate it! https://kangaroo-polygon-sn6z.squarespace.com/config/design/custom-css

Site URL: https://hampseshop.com HI, Is there a way to change the background menu color in mobile view? The menu that pops up when clicks to the hamburger icon. I'm using squarespace 7.0 Thank You

Site URL: https://www.prestigeclassic.com.au/ Hi, I'm running the Aviator theme on my site and have created a drop down menu in my header. I would like to remove the + symbol that shows up in front of the menu text. Is this possible? Thanks.

Hey, I'm building my site in 7.1 (mainly to get to grips with using it) and I've come across one problem I can't seem to fix. The dropdown navigation has white text & a white background(image attached) My header colour palette is yellow, whereas the main website has a white background, I'm wondering if this is part of the problem. It'd be greatly appreciated if anyone can find any workaround for me. Site is here: https://hexaflexagon-star-bh8p.squarespace.comPasword: 123123

Hey everyone, I just started using Squarespace free trial, and I am just starting with the design of my website. I am pretty happy with how the desktop site looks but not really with the mobile website. What I want to do is keep using the desktop navigation menu on mobile, because on mobile the menu becomes a hamburger, but I just want to keep the text on the website because otherwise it looks kinda empty on mobile. I added images on how I want it to be, you can see that it is just the regular menu instead of the hamburger. Thanks!

Site URL: https://www.crossingtheline.online/ Site password: ctlonline Hi there, I'm hoping for some help with creating a mobile navigation menu using the Header Content of my site. I've currently disabled mobile nav using: #mobileMenuLink a { visibility: hidden; } I am using the Header Content for my site menu (see screenshots attached) - and would like this to also appear as a mobile menu with hamburger icon or dropdown. Any help would be much appreciated, Thanks!

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-v10 Hello, I am trying to hide my top menu navigation on just the home page. Then I will have a section on my home page dedicated to menu. Is this possible? But as you dig into the site on all other pages, then the normal top navigation menu should be visible. Please help! Many thanks, Best, Faizal

Site URL: https://kangaroo-polygon-sn6z.squarespace.com/config/ Hello, I'm hoping to find a way to make my sticky nav transparent instead of the default white background. If anyone has any solutions, I'd appreciate any help! Thanks!

Site URL: https://workbold.com/ Hi! I really don't think this is possible without some serious coding skills, but i'm trying to add custom code to the top menu. The code is a div and java script from Lusha that I wan't to use instead of the "contact" button. When the visitor add their e-mail it goes into Hubspot. Is this possible at all?

Site URL: http://allearthlings.org I am unhappy with the lack of customizability overall with mobile optimization. Specifically, I am looking to eliminate the drop down menu nav bar which appears initially as NAVIGATION in all caps on mobile view. I would prefer that the headings in the nav bar appear or failing that a hamburger.

Site URL: https://beehive-bootleglondon.squarespace.com/ I'm trying to remove some of the padding above the menu items on mobile, so that the text sits slightly higher in the screen. Can anyone help?

Hi there, Possibly a super basic question but hoping someone can help. Am building a site for a school in 7.1 and am using the folder system in the main nav to create drop down menu/nav. See attached photo At the moment I have the list of folders appearing in the main nav - Nursery, School, Admissions etc etc Under each one I have the pages, which appear as clickable linked pages - Curriculum, Typical Day, Uniform However, what I really want is for the top level nav items (Nursery, School, Admissions etc etc) to be clickable, linking to a page. Is there a way to create a drop down navigation system which also has that top level item as a clickable option linking to a page in the same way the pages which appear in the drop down do? Any help greatly appreciated. Coggleton

Hello everyone. Please help me, this is really turning me mad. I can't find a way to change the fonts of the menu on the mobile version of my website. I'm a real noob at CSS but could find a way to copy some code from the forum to design my website. Unfortunatly, there's nowhere I can find a code that's working. I only want to change the font of the sections in the menu. Tanks for your help, I've been searching for days now... Here's the CSS I tried to use: main-nav {font-family: 'FAVORIT'; font-weight: 200; font-style: normal; font-size: 30px; letter-spacing: 0em; } Thank you so much for helping ! You can find my website here: t1bureau.uk