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

Search the Community

Showing results for tags 'dropdown'.

  • 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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://goldchain.studio/ Hey Squarespace gang! 🙂 I have a dropdown menu on my website and randomly an underline appeared under the first link in the dropdown on both browser and mobile view and I haven't figured out how to remove it. I've done some forum sleuthing and tried some of the custom css recommendations but to no avail. Anyone have any experience with this and have any tips on how to remove? Also while we're at it, I like having a simple "+" that hovers for my dropdown menu but I'd like to remove this stage in the mobile view so you don't have to flip through 2 stages to get to the navigation menu. Any tips on how to remove the "+" on mobile view? Here's a link to my site! https://goldchain.studio/
  2. Site URL: https://emu-paddlefish-na7r.squarespace.com Hi, I'd like a 'services' link in client's site navigation which brings up their services landing page, but this link should also be a dropdown to pages for each individual service. With the folder I need to add the services pages as top link, which isn't user friendly. Is there a way around this? Thanks
  3. 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
  4. Site URL: https://www.papercityfabrics.com/shop Hi! I'm looking for help changing the navigation style for my shop (https://www.papercityfabrics.com/shop). Right now, all categories show up at the top. I would like to make two changes: 1. Change shop navigation to a drop down menu, where you hover over a primary category (ex. "fabric") and then the sub-categories appear underneath. 2. I also would like to stop categories from appearing in the navigation if there isn't an item currently sold in that category. This comes up when we schedule a product in a new category (the product doesn't show up until the scheduled time, but the category appears right away). Thanks!
  5. Site URL: http://tylerjamesdesigns.com Hi! I've received wonderful help for my previous questions on the drop down menu. However, I've been looking all over and I can't seem to find a way to add a sub-menu to my drop-down menu. Something like the picture I've attached to this forum. I'm not sure if there's an actual way to do this on squarespace but any help would be greatly appreciated. My website is http://tylerjamesdesigns.com and the password is "1234".
  6. Site URL: https://www.lpugh.com/ Hi there, Was wondering if you could help me? I am using a folder (titled "Fire Protection") to create a dropdown list in the top menu of a site I'm working on. I want the folder titled "Fire Protection" to link to this page /fireprotection. However, I want the dropdown menu items beneath it to not be linked (essentially an un-clickable list). I found a code that achieves this on desktop. On mobile, however, when you click on the folder title it just opens up the un-clickable list instead of linking to the page like on desktop. Is there a way to maybe hide the dropdown menu on mobile and just have the folder title direct to /fireprotection? Thanks in advance!
  7. Site URL: https://chloe-chow.squarespace.com/contact?noredirect Hello, I have a question related to my contact form. I have customised the radio and check box along with my select / drop down field. Here is my website: https://chloe-chow.squarespace.com/contact?noredirect pw: creativegrind I am trying to add back an arrow at the end of my select field however it's not working. Do you have an idea on how to do it ? I think I am using the wrong selector to add my arrow :after . Here is the code below : // *** CUSTOMIZED OPTION DROP MENU /* Resetting the Option menu */ .form-wrapper select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: @line solid;//*// border-radius: 5px; padding: 1rem; width: 100%; } /*Add an arrow*/ .sqs-block-form .field-list .option select:after { content:'⇲'; color: red !important; position: absolute; display: block; top: 55%; transform: translateY(-50%); right: 8%; pointer-events: none; } // Option Menu when Focused .form-wrapper select:focus, a:focus { outline-width: 0px; outline-style: solid; } What do you think ? Thanks !!
  8. Site URL: http://tylerjamesdesigns.com Hello! I have a question regarding the highlighting words on my drop down menu. I was wondering if it possible for the words in my drop down menu to highlight when I hover my mouse over it. If I could get help on this or even the coding it would be highly appreciated! My website is tylerjamesdesigns.com.
  9. Site URL: https://www.a3dimpressions.com/new-page-blank I would like to add a dropdown menu to images in my site. Any way to do so? These are images that are imported to individual image blocks.
  10. Hi, I'm in Version 7.1 and I want to increase the vertical spacing/padding between items in the drop down menu. So in the attached image, more vertical space between "Doodle Line Art" and "Lino Print Stars" etc. Also, I might want to change the font highlight colour when a submenu item is clicked on/selected, so if anyone has any code for that, it would be appreciated. Thanks
  11. Site URL: https://bluebird-decagon-tlaa.squarespace.com/ Hi all, I'm currently using universal filter for some customizations on my blog pages for my website. I'm wondering if there's a way, by using Universal Filter from squarewebsites, to add a filter by blog author feature? So far I only see a way to filter by categories and tags. Thanks in advance. site link: https://bluebird-decagon-tlaa.squarespace.com/ pass: Support22$
  12. Hi there! I have a team section using simple list and would like to have the button on each team member open full bio without leaving the page. Either as a dropdown or lightbox text. It seems that the button by default can only link to a page, website, file etc. Any help on this is greatly appreciated!
  13. Site URL: https://www.fantasy-animation.org Here is the site URL: https://www.fantasy-animation.org It is version 7.0 I've had some problems with the dropdown nav as the 'Contact Us' was being cut off from the screen and used the following CSS code to make sure it was more left: .header-actions--right { width: 20vw !important; } [href="/contact-us"]+.Header-nav-folder { left: -75% !important; } But in doing so, when trying to go the dropdown for 'About', it ends up becoming the dropdown for 'Contact Us'. Was this a dropdown padding issue or a site padding issue?
  14. Site URL: https://www.groei-praktijk.nl/over-lisette-dragt Dear all, When navigating in the menu, there is a drop down menu for 3 folders. For one of those folders (Lisette Dragt) the light grey colour/block in which the text of the drop down is placed is wider than the text itself. 1st picture shows okay drop down: text and box are about equal in width 2nd picture shows not okay drop down: text is far less wide than the width of the drop down menu box Can someone provide me with CSS code to adjust the width of the drop down menu according to the text that is contained in it? Thanks a bunch!!
  15. Currently using Version 7.0 (Mara Brag template) for a website and I have a dropdown menu in a form. This form is made with a dropdown menu that has 8 options. The client wants to be able to have the end user select multiple options in the dropdown list. Is there code that can achieve this? Thanks in advance!
  16. Hey, I'm trying to adjust width of the dropdown options in my menu. Is there a way to make each option "responsive" to the length of the copy? Examples attached. Thanks!
  17. Site URL: https://ashtongriffin.com/ Hi, I am trying to figure out how to create a dropdown menu in my portfolio that list each individual project in my portfolio. So when I hover over "Creative Campaigns" I'd like to see the title of each project in my portfolio folder. Any ideas welcome?
  18. Site URL: http://www.bighousecards.com Trying to find a little code to change the 7.1 store mobile or both view to be a category dropdown vs. a scrolling list to the right or left. The average person wouldn't know to scroll categories. Took me a while to figure it out thinking my categories were not being displayed. Really appreciate any assistance as this is an annoying issue and I really don't want to change versions just for this. Thank you Ryan
  19. Hello 🙂 I'd like to know if I can make my dropdown menu as high as the site? On the chat with squarespace they've told me the height goes as far as the links in the menu itself but there's a way with custom code. Any ideas? Thank you so much in advance!
  20. Hello, I was wondering if there was a way to add a down arrow icon to the drop down menu? I've tried multiple css codes but nothing has worked. Any help would be appreciated!
  21. Site URL: https://maroon-iris-8gg6.squarespace.com/ I created a burger menu in CSS, but I want to change the background color of the menu that pops up to a beige/sand color. How do I do that? Also I would like to add a link to my LinkedIn and Instagram account at the buttom of the menu - is that possible? The first screenshot shows how the menu looks now. The second shows which colour I want the background to be and where I want to place the social media links
  22. Hello, i need help with a code injection for hiding my mobile site drop down menu for my disclaimer page anyway you could help? thanks so much in advance
  23. Site URL: https://forte-demo.squarespace.com/ Hi, this is my first post so be gentle 😊 There are a couple of features that I would like to add from this Squarespace template: https://forte-demo.squarespace.com/ to my own webpage on here. I'd like to make the dropdown menu for "projects" positioned lower and with a small arrow/triangle at the top (I've attached a picture of the menu). Also, I'd like to know how to style the dropdown menu - is this an option on Squarespace? For example, how do I position the list on the left-hand side, rather than the right? This is how mine looks at the moment: I would also like the effect of when you mouseover the top menu, the opacity of the mask covering the image fades in. Thanks so much for your help!! Tomm
  24. 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!
  25. Site URL: https://dylansoffice.com/ I'm trying to adjust the mobile menu of my website with Squarespace 7.0.... I know I know. The 7.1 gang will be coming for me but I don't want to go through the process of recreating my site. - I'd like the mobile menu to resemble the desktop version... No more need for the current menu button in the top right corner that opens a navigation display. I'd prefer a straightforward dropdown menu when the main pages are tapped, the secondary page links dropdown below. Just like on a desktop browser.
  • Create New...