Jump to content

Search the Community

Showing results for tags 'dropdown'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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. Hello, the dropdown view on desktop is great. I cannot replicate it in the mobile nav. This is what I have set up: .Header-nav-folder a {border-bottom:1px solid #ffffff} .Header-nav-folder{box-shadow: 5px 5px 15px rgba(0,0,0,0.25)} .Header-nav-folder a {padding-bottom:.5rem!important; } .Header-nav-folder{background:linear-gradient(to bottom, #fccb90,#f6854e) } /* dropdown items color */ .header-nav-item:hover a { color: #b0ddc9 !important; } .header-nav-folder-item a { font-color: #b0ddc9 !important; } #mobileNav .main-nav.mobile-nav a { background:linear-gradient(to bottom, #fccb90,#f6854e) } /* mobile dropdown items color */ .main-nav.mobile-nav hover a { color: #b0ddc9 !important; }
  2. Hi there, I was wondering if anyone can help me centre the text on my dropdown menu inside the form block on mobile? I am currently using the following code which works on desktop but not mobile: .form-wrapper .field-list .field select { text-align: center; } I tried adjusting it to mobile by adding: @media only screen and (max-width:768px) but that didn't work either. My website is: https://thelonecrowd.com/contact Password: portfolio Thank you!
  3. Hi All, Can someone please help. I'm really struggling trying to get the product variant and quantity all on one line on desktop. How do I get the 2 divs alongside each other on this viewport size? See screengrab attached - 'quantity' dropdown is wrapping to a new line. pw Coopers Thanks Phil
  4. 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?
  5. Hi y'all I have a question for the menu on mobile version. I have a folder name "space" that include "architecture" and "object" pages in it. In the mobile menu, when i click into "space", another page pop up for drop down menu. How can I put the "architecture" and "object" on the same page of "space" in the burger menu? I want the menu to be left aligned and the architecture and object shown as the last image. Thank you for your help!
  6. Hi We are using Native template and as you can see the What We Do link on the menu has a dropdown with no background so on some pages this text in the dropdown menu overwrites on page text making it look messy and unprofessional. Is there a way to make the dropdown on What We Do have a white background so the text on the dropdown is clearly readable? Thanks Bel
  7. 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!
  8. I have put together a projects page for my website (https://www.rezaultharim.com/projects). Currently, it's just a list of the project titles with the description and images/gifs right along with them. The issue is that it seriously increases the loading time and makes the page look a bit messy. Is it possible to have the entire page as a list of projects with a dropdown option (on each project) to see the project details and images/gifs only when clicked? The other option can be to have an index at the beginning of a page. Clicking a project title can lead to specific parts of a page where the project is located. I have very basic knowledge of HTML and I haven't been able to implement any of the options above on Squarespace. So, any help or suggestion would be greatly appreciated.
  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. I am trying to add icon dropdown lists for my services. I want the bottom portion of the icons to dropdown and reveal information upon clicking, and slightly open when hovering over them (on mobile just clickable). I have attached images of the icons, along with what I want them to look like upon being opened. What steps can I take to accomplish this? Thank you for any input.
  11. Hi, I'm new here. I have 3 questions: 1) I'm wondering how to customize the lightbox on this website with code? I want the background to be solid white and for the description to show below the image. Also for the image to be larger. Is there any way to have a title and a description, or only description? The lightbox here is great but I don't have any idea how to do it: https://www.lucasmasch.com/ 2) How do I get the dropdown links under 'work' to align the other way? The menu is too wide and the links align right instead of left. 3) The margin between the menu and content on the 'Shop' page is enormous. I don't see any function to make it less so I guess I have to do it with code, but don't know how. Website: https://cod-giraffe-b6w7.squarespace.com/ Haven't published the site yet so the password is 'sunflower'. Thank you for your help!!!
  12. I cant find a way of centring the mobile menu drop down using the desing options. It means I cant click on any of the options whne using a phone. Do I need to customise the CCS. Thanks in advance!
  13. Hi everyone! I'd like to add a more complex dropdown nav to my site, but need some extra guidance on how to develop this. I'd like to add sections in the dropdown folder, so this would create secondary and tertiary pages. For reference, I'm looking to achieve something similar to Stripe's Products tab: https://stripe.com/ They have 3 sections under the Products tab with multiple pages under each section. My content will be structured the same with 3 sections and multiple pages under each one. Any insight would be appreciated!
  14. How do I add an underline to the items within the dropdown menu on rollover? https://hexahedron-iguana-cd6z.squarespace.com/ midas2023
  15. Hi! I'm looking for a way to add a dropdown menu within my page. My site has many location pages, and I want the home page to allow users to select their location (and be taken to that specific location page) from a dropdown right in the first section of the page. Any ideas how to do this? Thanks! -Steven
  16. 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
  17. Site URL: https://www.twinforkswindow.com I'm trying to make my dropdown menu look like https://www.ramsa.com. If you hover over "About" you see a horizontal drop down menu instead of vertical. I also would like it to be semi-translucent white like RAMSA. Thank you!
  18. I have just created a dropdown menu and the main navigation headline is not showing underline when active with the link but shows active if i add a page. Anyone have a CSS code to workaround this issue. I dont have a url link yet
  19. Is there a way i cam customise the background colour for a dropdown menu on specific pages in one website. ie: homepage i want blue background About page, white background Services page, grey
  20. Hello 🙂 I am trying to make a drop down folder nav for my site --- sadly the drop down is getting cropped 😞 I've tried to overflow-visible & z-index 9001 in CSS but to no avail - any help greatly apprieciated! Thanksss Hen
  21. My Website is https://rotordroneservices.squarespace.com I'm having issues with he mobile version drop down menu having loads of blank space between the top and social buttons as shown in the attached photo. Either I want to remove the drop down completely or add shortcuts to scroll to sections of my one page website. If anyone has any suggestions, please send them my way. I can't figure it out at he moment. Thanks
  22. Hi, I'm looking to fix the dropdown menu on my mobile site. On the desktop version I have a nice dropdown menu, however in the Mobile version, when clicking on it it opens a new page with the name of the folder which then has to be clicked on again to show the actual menu options which is a bit confusing. I don't want to delete the folder because then I end up having all my menu options on the header in the desktop version. Is there any CSS for this or way around this? I've added ss of what I mean. website is: https://www.pigeonhouse.ie Thanks in advance!
  23. Hello! After changing my site from one language to billingual (DK/EN) manually with help from this blog: https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template, the font in my hamburger menu / dropdown menu is now black on some pages and white on others. I wish for it to be white all over / sitewide. Is this possible with som custom CSS? Thanks in advance 🙂
  24. 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.
  25. Hi, I need to make part of a word bold in a dropdown menu, but not the whole word. My site is https://khaki-celery-9map.squarespace.com/ PW: kirt321 Under the Formulary dropdown the word TRISSENTIALS should appear as I've styled it here with TRI in bold and the rest regular. Thank you for helping me figure this out!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.