Search the Community
Showing results for tags 'dropdown'.
-
Site URL: https://helix-marigold-76hn.squarespace.com/ I need a secondary menu with dropdown function. It works in my code pen but when i move it to squarespace it doesn't seem to work, on desktop but works on mobile. any suggestions? codepen: https://codepen.io/jilldiane/pen/ZEKXdpe site:https://helix-marigold-76hn.squarespace.com/ pw: 1234 thanks
-
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
-
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??
-
Change Mobile Store Category Scrolling to Dropdown 7.1
JoshManis posted a question in Coding and Customization
Site URL: https://www.agentrx.co/shop Hi I am having issues with the scrolling navigation for my store and would like to change it to a dropdown. I've never changed CSS and can't figure out how to do it specifically for my site. Thanks for any help! -
Site URL: https://volverno.squarespace.com/ Hello! Is it possible to have a dropdown menu in my Norwegian button in my header? I would like it to have an English option under the Norwegian button. I cannot style the one in my Weglot so I made my own button instead. Thank you.
-
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: https://drum-rhubarb-mhc7.squarespace.com/config/pages/602a6fc84de25f0bd18e336e/categories/602a6fc84de25f0bd18e3372 Hi there! I'd like to include a dropdown accordion in my product description, to appear above the quantity and 'Add to cart' button. Can anyone advise the best way to do this? Thank you! -
Site URL: http://kimpercival.com When I click on my accordion drop down, the background doesn't expand to be able to see all the text. I cannot figure out how to address this. See images below for an example. Any assistance would be appreciated. I am using Brine template in 7.0 -
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?
-
Site URL: https://www.alicedealmiddleschool.org/ Hi All, I am struggling to find a way to show a directory of teachers at a large school who is revamping their website (already using SS). Ideally, I'd love to have something like Squarespace has on their own template main page (https://www.squarespace.com/templates) where you can select your category and the info appears. I tweeted them and they said they build that using custom code (which I would suggest is cheating!). They suggested using the blog and archive block feature but as a relative newby I'm struggling with how many clicks it takes to get the info needed. I simply want to show Name and email address for each teacher, but with the archive block you first have to select the category, then click on the name THEN it goes to a separate page with the name and email. I also will have to organize these by date and not alphabetically, which would be the preference. Surely there is another way? Thanks! -
Survey Results to populate live on a page and be sortable
Ashley1234 posted a question in Coding and Customization
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. -
CSS for creating columns in Navigation folder drop-down
jmhalpin posted a question in Coding and Customization
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.thecuriouslounge.co.uk I am trying to create a page that has a drop down menu within it that when clicked takes the user to those courses. And example of what I am trying to achieve is included. This isn't a question relating to navigation drop downs. Thanks in advance for any help.
-
How To Install + Dropdown Accordion in a Product Description
divar posted a question in Coding and Customization
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://www.aditya-sinha.com/ Hi! I needed help changing the background colour for the dropdown menu on my homepage. Ideally if I could remove the colour and add a hover, that would be great! Please do suggest any Custom CSS I can add for it. If not that, then if there's a way to reduce the width of the dropdown menu to the text and add a transparent background instead. @tuanphan if you could help, that would be wonderful. thanks! Password for access: tester -
Site URL: http://www.oceanlinerdesigns.com Hi Squarespace and coding experts! I was hoping to add a line in my drop-down menu so as to separate the items into two blocks so it is not as much of a visual overload. I came across this thread; https://forum.squarespace.com/topic/170124-add-a-separator-line-in-drop-down-menu/ Which seemed to be on the right track! Could anyone help me out with it? It seems the code must be very specific to the site theme and layout. The site is https://www.oceanlinerdesigns.com/ and the drop-down is "Ships". You can see where I have built a blank page named '-' as a temporary measure. If anybody could point me in the right direction to where code for this might exist as a template I would be mighty grateful! 😃 ~Mike -
Drop down menu not matching photo variations
bostonterriersofboston posted a question in Coding and Customization
Site URL: https://www.bostonterriersofboston.com/shop/btb-diverse-af-womens-short-sleeve-t-shirt Is there a way to get my dropdown menu to change when I click on a specific image/variation? Right now people have to figure out what color is what looking at the photos. I'm using the Shopify Buy button and they have told me this is a squarespace problem. -
Add Custom Dropdown Menu [no links, just text]
charlsimps posted a question in Coding and Customization
Site URL: https://www.scottdavisholistic.com/book-appointment Looking to replace each bulleted list under each Includes: on this page with simple dropdown menus, and need assistance with the appropriate custom code. Purely aesthetic - trying to pair down the content on this page - no additional functionality necessary. Have attempted modifying and using W3schools' guide to Create a Clickable Dropdown but am seeing a Script Disabled message when inserting and am suspicious there is excess code that I do not need to include....but I don't know which is excess! Also feel there is an easier way for me to have it follow the preset site styles rather than editing the code...maybe I'm wrong. Any help is greatly appreciated. (Have also asked Squarespace to include this as a feature request.) -
Site URL: https://www.mahanidelborrello.com/ Hi, Is it possible to remove the black background on the navigation dropdown when there is a background image? It is currently black and very chunky looking. I would it to be transparent, or no background if possible. I did try adding the code below (from another forum question) and it appeared to work in the preview but promptly returned to showing a black background again. body:not(.header--menu-open) .black .header-nav-folder-content { background-color: transparent; } . Also, is it possibly to reduce the dropdown menu text size on the mobile version? Long page names currently split over two lines and it looks awful. Thanks -
How to remove "Select" on Product Variant Drop-Down
MagnoliaPi posted a question in Coding and Customization
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! -
Site URL: https://eisjmun.org/ When hovering over the tab "conference", there is a dropdown that cannot be seen due to the banner. How do I change the background colour of it to white so it can be seen over the banner? I tried the css: .header-nav-folder-content ( background: #febf00 !important) with no success. The dropdown has currently been removed from the site as we are an active company with users, but will be brought back when a solution is present }
-
Hi, Does anyone know how to force people to make a choice on a dropdown for square space? I want them to physically have to click a different option other than the first one listed.
-
white box around the menu dropdown over a photo
Peter550 posted a question in Coding and Customization
Site URL: https://www.saccostyle.com/ hi do you know how to get rid of the white box around the menu dropdown when they're over a photo or video? See screenshot @tuanphan Thanks in advance!!! -
How to change drop down menu on mobile site
priscamichaux posted a question in Coding and Customization
Site URL: http://avrilkids.com Hi everyone, on the mobile version of my website, the dropdown menu "Shop" opens on a separated page, you need to click on the shop arrows and then you got the informations of the dropdown menu. I would like all the informations being showed together if it is possible. I put an image of what i tried to achieve in attachement. Could you please help me to do this? Thanks a lot -
Accordian drop downs in additional information not working
Peter550 posted a question in Coding and Customization
hi @tuanphan I want these markdowns to be accordion drop-downs in the additional information section. I have added the code into the code injection (see screenshot and below) following this guide - https://stnsvn.com/blog/how-to-add-an-accordion-to-squarespace and use markdowns for the sections. But its not working. I cant click on the + signs and they do not hide the text below. They are visible like in the screenshot all the time. Any idea how to resolve this? /*Accordion Page Settings*/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').click(function() {$(this).toggleClass('plus-minus');}); }); </script>
