Search the Community

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

Hello! Does anyone know how to change the font size of the drop down menu on mobile? Right now it is quite large! Squarespace does not have a built in way to adjust the size. Thanks!

I know you have to use this CSS code to alter the colour of the sites drop down menu: .header-nav-folder-content {background: #a1bea8 } However is there another code to be able to target specific drop down menus as I want mine to be different colours.

Greetings, Does anyone know of a way to style the 7.1 mobile menu so that any dropdown menus (links in folders) are displayed as part of the navigation list on the main mobile menu page? Right now clicking on the hamburger in the site header brings you to a page with a list of nav links and any folders have an arrow to the right requiring you to click onwards to another page in order to see the dropdown links. I'd like them to display as part of the main list, ideally as indented subcategories. I've attached 2 screenshots of how it works now... the third image is the way I'd like it to look (photoshopped). Seems like this would already be a Squarespace feature, maybe I'm missing something? Surely a more efficient way to navigate the mobile menu than clicking through to extra screens. Thanks!

Hi All! Would appreciate some help on this. On the desktop version of my site I put a little ||| icon that leads to a drop down menu. Unfortunately when I look at this on Mobile, I want the first thing the user sees to be the drop down menu pages, not the ||| symbol. I hope that makes sense. I've attached images!! thank you!

Site URL: https://www.mymichiganbeach.com Hi, I am looking for some custom CSS for to create columns in my navigation drop down. I gave a list of locations that is too long, and I would like it to appear in columns when it drops down. My website is: www.mymichganbeach.com. The nav item is "locations." Thank you in advance for your help, Jill Halpin

Site URL: https://www.perlamoredielda.com/ Hello everyone. I have two folders on my site. One is called Inspiration and the other the folder named "Ispirazione". They are identical however Ispirazione is not displaying the dropdown menu when clicked on, on mobile devices. I asked squarespace for help and they told me the problem was code related and could not help. The only code I have is page head code injections because my site is bilingual so I put the bellow code to hide English or the Italian respectively. I changed the order of my layout and instead of page numbers in the code I used to odd/even. Now both drop down menus are not working properly. In English I see music and in Italian I see nostri libretti and attività gironaliere. Before I had my layout pages 1-7 in English and 8-14 in Italian. in the code instead of odd and even I put the actual page numbers. <style> @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(odd){ display:none } #header .header-menu-nav-item:nth-child(even){ display:none } I was given this code to input for folders but I cannot seem to get it to work. English is odd pages, Italian are even pages. <style> .Mobile-overlay-nav-item:nth-child(odd){ display: none; } .Mobile-overlay-nav-folder[data folder="root"]>.Mobile-overlay-nav-folder-content>div:nth-child(even){ display: none; } </style> Any suggestions would be appreciated

Is there a way to prevent the dropdown menu (archive block) from pushing the below content down? I'd like for the below content to stay static with the menu going over top of the photos.

Hi! Is there any way to remove the "Select" text on the Product Variant Dropdown, so that it only say "Farve" and "Motiv"? Thanks in advances!

Hi, I have the code to make the background of the dropdown menus on the main page transparent. .header-nav-folder-content { background: transparent !important; } I am looking to see if there is a code or an adjustment to this code so that the background can be 50% transparent? thanks!

Site URL: https://thehouseofagness.squarespace.com/ Hi! I created a custom dropdown menu in the intro section of the store page (code block). When I hover over the dropdown menu, the container (products ) below moves as the dropdown descends. I dont want the elements to move, would like to have the same affect as normal dropdown navbar. And how could I make the dropdown to appear from the left instead of droping down? any tips on how I could solve this? Thanks pass: 280822

Site URL: https://www.yoloyoli.art/work So I have some archive drop downs to sort my work, however, how do I allow the user to select multiple categories to view? For example, if someone wants to look at 2D Design work and Drawings, they would select both and all posts under those categories will show up. Being able to unselect too would be great. I visual example of this would be the drop downs on this website. I want mine to work exactly like those. Any ideas?

Site URL: http://www.themunstermangroup.com Just updated my website using my old v7.0, and it appears the drop down menu has stopped showing up when viewed on Safari. Works fine on Firefox, Chrome and IOS & IOS for iPad tho. Had been working fine previously. Only thing I can think of is that I updated the SSL to make the site secure and after that it stopped working, but that may be a coincidence. I cranked the SSL back down, but it still won't appear. Any ideas out there? Thanks in advance!

Site URL: https://capybera-ranunculus-8edf.squarespace.com/merch The dropdown navigation has white text & a cream background (image attached). I'd like for the dropdown background to match the header's forest green (#325241). My header currently has this Page Header Code Injection to set the background to forest green: It'd be greatly appreciated if anyone can find any workaround for me to change the dropdown menu color using CSS for just this page. site password: 1234

Site URL: https://www.lucienandsolenn.com/ Hi! I am looking for a css witch can help me to move my burger menu I created on the desktop view, next to the button "free toolkits" while the other links stay on the left side. How can I do that? Also if you have a little code to custom the thickness / size of this desktop burger menu that would be just amazing 😊 Thank you so much in advance!

Hello! I am trying to add a Contact Form to my client's website that would allow for the customer to enter their information into the fields and then select from a drop down menu to send a message. The tricky part is we want each item on the drop down menu to send to a different email address. Has anyone had experience creating code for this in the past and are able to share it with me? Thank you so much!

Site URL: https://grouper-glockenspiel-5ms6.squarespace.com/ I need to be able to have an internal button - NOT the main nav at the top - that let's people choose a page to go to. i.e. "Search the US" and the dropdown lets them choose various cities. Again, not the main nav. This is within a page. Any idea how to do this now with Fluid and 7.1? - NOT an accordion as I understand it. There's no secondary content to open up. Thanks for any help!

When using Folders to create drop-down menus, the original page in the drop-down menu has no content. I would like to be able to have an About page, which when clicked on people can read what we're about, but I also want that when the cursor hovers over the About tab, more options come up. Exactly the same as how this website functions: https://www.iihealthfoods.com/our-products/ambient/

Trying to find a way to reduce the size of the arrow icons in the product variant drop down menus. Thanks in advance for any help in trying to figure out!

Site URL: http://www.moonlitdesign.uk Hey! I am having issues with my navigation menu on mobile when the dropdown is open. It is currently giving me the ability to page scroll which is causing my sticky nav bar designed for scroll to appear and take over the static nav which has the 'X' close icon. Could I please have some help to try and disable the scroll so the sticky nav does not appear. www.moonlitdesign.uk FOR MOBILE

Hello, I'm trying to add an accordion/dropdown to a website (it's still in trial at the moment so can't share web link). It is going to be used on a page showing the team of a company, so within each entry it also needs to include a picture of them. I have used the standard markdown used for an accordion, which by itself (without an image in it) works fine. I have then used an HTML image reference within it, and when it does this, only the first name appears. And when it is opened/clicked, the next name then appears below it (and so forth). But then when you close the top name, they all disappear (apart from the top one). I have also tried created an animated collapsible using HTML, CSS and Java (https://www.w3schools.com/howto/howto_js_collapsible.asp). This code was copied exactly, using a code block for the HTML, adding the CSS into the custom CSS, and adding the Javascript into the page specific code injection. The list options are created, but don't actually open when clicked on. If anyone can provide any insight into how to get either of these solutions to work that would be greatly appreciated. Screenshots are attached for reference. To confirm, I'm using the Henson template. Many thanks, James

Site URL: https://www.erheer.com/shop/ariel Hi Squarespace Wizards, I am trying to install a dropdown accordion in the description of a physical product. Unfortunately Squarespace doesn't have the option to add a markdown box in the description of a product(screenshot 1). I have add the code block and the markdown box in the additional Info (screenshot 2) but that shows at the end of the page after all the product photos at the moment. I'd like the dropdown to be a part of the product description itself (screenshot 4) and not at the end of the page. Any assistance would be greatly appreciated. Thanks, Divya

Site URL: https://wvcharge.squarespace.com/waev-charge-store/p/waev-charge-ev1 Is it possible to change the layout of the dropdown boxes on the products page so there is two per line rather than one under each other? Is it also possible to make the text bold above the dropdown box? Page example: https://wvcharge.squarespace.com/waev-charge-store/p/waev-charge-ev1 Many thanks

Site URL: https://www.frotteedimare.ch/ Hi all! I am trying to implement a Weglot language switcher in my secondary navigation (https://www.frotteedimare.ch/, top right corner), aiming to imitate the functionality of the native Wiglot language switcher (at the bottom of the page) but having it seamlessly integrated in the existing design. So far i have a dropdown menu (folder) with one link in it ("EN" for English). The link is working (using "#Weglot-en" as link), following the description from this site: https://blog.weglot.com/switching-around-on-squarespace-how-to-design-your-language-button/ Whats does not work so far is getting me back to German using the folder title. I tried to put custom code into the folders navigation title, like: <a href="#Weglot-de">DE</a> As explained in: https://forum.squarespace.com/topic/11723-how-do-i-link-a-folder-title-within-the-navigation-to-a-page/ This creates a link, but does not work. Am i wrong with the address of the link? I would love not having an additional link in the dropdown folder for the second language. Any ideas would be much appreciated. Thanks!

Site URL: https://www.noiristhenewnoir.com/contact Hello, I'm trying to find out how to make the drop down menu on my navigation transparent or translucent rather than a black box. Can anyone other any assistance?