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
  • 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. Hi there, I started using the Brine template, and in my product listing I have a drop down menu for size and quantity The size drop down uses a different, ugly font which is not related to the template style. Any idea on how to change this? Thanks Marika
  2. I would like to decrease the space between the variant drop down boxes, quantity and add to cart button, so they're closer to each-other. Do I need custom CSS? @tuanphan @Agha_Waqas any ideas? Thanks in advance Pete
  3. Site URL: https://www.gaultstone.com/ For this website: https://www.gaultstone.com/ We want the dropdown menu to be #212121 instead of white.
  4. 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
  5. Site URL: https://www.vipbutlerservices.com/ Hi guys! I'm looking for a way to nest a folder inside a folder. For example: folder one with Car A B C then if you hover over Car A you see Diesel or Petrol. Anyone here that can help?
  6. Site URL: https://www.shootiezproductions.com/ Hi! I have a dropdown menu that is incorporated on my mobile and online website (more important on mobile) and wondering how I can change the design of the style of the dropdown menu? The text is currently too close to each other and too small on both mobile and computer. It would be hard for our clients to read it and I can not figure out how to change the style of the text spacing and size. Any help and advice would be greatly appreciated! I know you all are very busy and working on your own websites, so thank you in advance for any assistance!
  7. Site URL: https://www.dr-nemo.si/home Our website is made in 3 languages, each language is a different folder and so it has its own dropdown menu. I would like to modify the dropdown menus so that the appropriate menu is always visible while you are within its folder (for instance when you're looking at the pages in the English folder the English menu is always fully (extended) visible for easier navigation). And secondly I'd like to transform the drop down menu so the subpages of the folder display side by side in the menu and not one below the other. Are either of these things possible? and if yes how could I achieve them?
  8. Site URL: https://www.drogeogenklinieknederland.nl Hello, I would like to change the size of the font of the items in my dropdown menus (which is particularly relevant for the mobile version). I have looked at custom css options, but I can't seem to find the appropriate one. My site uses the Harris template in version 7.0. Does anyone know how to do this? Thanks!
  9. 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
  10. Site URL: https://kohsdevelopment.com Can somebody share a code to make the Dropdown menu background become greyish, while the color of each title inside the dropdown menu become yellow when hovering?
  11. Site URL: https://cone-tuna-x47f.squarespace.com/contact I was able to customize the dropdown styling to my liking, but I can't seem to figure out a way to target the chevron to give it a little more padding on the right so it is not so close to the border line. Thanks in advance for any help! URL: https://cone-tuna-x47f.squarespace.com/contact Pass: haircare
  12. Site URL: https://www.ecelc.ca/ *site does not yet have page live for content in question It seems to be possible to add Survey Monkey to a website via code or plugins. Is it possible to have people be able to see the results and be sortable? For instance someone could sort results by location via dropdown menu or selection box - I hope this makes sense.
  13. Site URL: https://ievaviphoto.com/ Hello, people! Would anyone give me a hand implementing this code onto my site? Would love to know the logic behind this! Thanks loads!! https://codepen.io/arjancodes/pen/gbweYB My site www.ievaviphoto.com
  14. 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!
  15. Site URL: http://www.innervisionpilates.com Hi, I would like to create a drop down menu that when you log in through your "members area" in the primary navigation a new menu will pop up with all different areas to go to but im not sure if this is possible to do yet??
  16. Hi there, can anyone let me know if it's possible to add expandable sections in Squarespace? For example I would like to create a FAQ section, where each question expands with the answer when clicked on... Or if there's relatively easy code to make this happen? thanks
  17. We are running version 7.0 on the Bedford template. Developer mode is activated and I have the local environment setup, but the default javascript code comes minified. The current default is that the Navigation folders/dropdowns will open on hover, but I would like to modify this to operate on click only. Is there anyway to make this change from within squarespace or the JS code? Or would I need to rebuild the nav with new CSS and ids?
  18. Site URL: https://www.tocatchfilms.com/wedding-portforlio Hi there, I am a videographer, and I would like to create text blocks that once clicked on, reveal my portfolio section. For example, there will be "Highlights" and once clicked on, it would show all of my highlight videos. I would like it to reveal within the same page, and be to closed/opened seamlessly. I've attached this website (beigecashmere) that displays EXACTLY what I am trying to achieve. If anyone could help that would be amazing, since this would require some custom coding. Thank you in advance. https://www.beigecashmere.com/videography My website for reference: https://www.tocatchfilms.com/wedding-portforlio Cheers!
  19. Site URL: https://www.disabilityinclusiveclimate.org/faq Hi there, I am trying to create a double dropdown type feature on this page: https://www.disabilityinclusiveclimate.org/faq. The answers underneath the questions are collapsing fine, but I can't get the questions to collapse under each FAQ heading. I got code from this page initially https://www.rebeccagracedesigns.com/blog/multi-layer-dropdown-box.
  20. Site URL: https://dove-tiger-etxd.squarespace.com/shop/p/cake-6 Password: javi I have a custom form that appears on 'Add to cart' that I've edited with CSS to match the rest of the site, but can't figure out how to make the dropdown arrows look the same and have the right padding.. help!
  21. Site URL: https://scarlet-beagle-me6l.squarespace.com Hi all, I am trying to code a dropdown menu on my site. The line break looks correct on full desktop screen, but moves to a strange place on smaller screens/mobile. Has anyone an idea, how I could fix this? This is the code I am using: Code for Text block (further below the custom css code): <div class="dropdown"> <p2>This is question 1</p2> <div class="answer"> <p>This is answer 1</p> </div> </div> <div class="dropdown"> <p2>This is question 2</p2> <div class="answer"> <p>This is answer 2</p> </div> </div> <div class="dropdown"> <p2>This is question 3</p2> <div class="answer"> <p>This is answer 3</p> </div> </div> This is the Custom CSS code: /* Dropdown Box */ .dropdown { margin-bottom: 4vw; /*spacing between boxes */ } .dropdown p2 { font-size: 1.1rem; /*question font size */ font-weight: 600; /* question bold */ background: #FFFFFF; /*box background colour */ color: #00000 !important; /*question text colour*/ padding: 8px; margin: auto 0px; cursor: pointer; } .dropdown p { font-style: normal; /* answer normal */ } .answer { display: none; margin-top: 1vw; /*space between question and answer */ } .dropdown p2:after { content: "\>"; /* arrow */ font-size: 24; /*font size arrow */ text-align: left; float: left; } Thanks a lot.
  22. Site URL: https://www.ourgiftbiz.com/ I see how you can create a folder and add links to main menu to create a drop down menu, but if I hid current gift shop menu (store pages), none of the store pages are visible.
  23. Site URL: https://www.trulycleandrycleaners.com/ I am trying to achieve the accordion drop down for my clients website but am having some issues. It is mostly complicated because his aesthetic for the product page is different from the rest of the site, so everything including the background color and markdown font color needed to be different (vice versa from what they are). The product details in the accordion was pulling the black color font from the rest of the site, but this page is coded to black so I'm not sure how to get that text white. Also, the accordion was appearing over the product title name, but I need it functioning under the add cart button preferably, or under price if not. It is H4 format.
  24. Site URL: https://amieamie.ca/ Hello! I'd love for the words in our dropdown menu to become underline (or more pale!) when hovering on them. What would the code be and where would I add it? Thanks!! 🙂
  25. Site URL: https://www.cisgroup.co.nz/shop/h9xztvjggdqp3ok5b9ngfnhfygh7nd Hi, I am having some trouble trying to change the look of the product variant dropdown selection, see image. is there a way to do this in the menus or with css?
  • Create New...