Search the Community
Showing results for tags 'dropdown'.
-
Product Variant Drop-down Menus to sit side-by-side
Shanty posted a question in Coding and Customization
Hi there, I am wanted to make the product variants sit side-by-side in the product description. At the moment I am only able to have them on top of each other. I am unsure if I am missing this option built into Squarespace 7.1 or will require custom css to do so. -
7.1 - Increase Vertical Padding in Dropdown Menu
JenIJW posted a question in Coding and Customization
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 -
Site URL: https://www.nancykononelos.com/ Hi, I'd like to have the same items in the Grid Gallery and Dropdown folder. How can I do this? Right now it seems I can only have items in one place but I'd like them in both. My website is: nancykononelos.com Thanks in advance!! -
Site URL: https://www.nancykononelos.com/ Hi, I'm trying to add more vertical spacing between my items in a dropdown menu and plugged in the code mention below, but it didn't work. Any other advice? My site is: nancykononelos.com. Thanks! .header-nav-folder-item a { padding-top: 10px !important; }
-
Site URL: https://indigo-chipmunk-42dl.squarespace.com/config/pages Hi, I am making a FAQ section for a section of my site and wanted to have drop down text boxes to make it more efficient and take up less space. I have the boxes working and the text I want displaying using code injection and custom css. When you click on the page however the text boxes are unaligned and get smaller and move further to the right as you go down. It looks really messy. Does anyone have any idea how I can fix this? The link to site redirects to homepage, from the drop down menu select cyber essentia
-
Site URL: https://dev-bcco.squarespace.com Hi. I've styled a drop down menu using some code from the Shwartz-Edmsiten site and adding some bits to it (some width and nowrap properties to accommodate the longer titles and added the transform property to bring the menu down the page). Can anyone help with an edit to the code so that the dropdown menu drops by 'however high the main navigation menu bar is' ? At the moment it's a set pixel height so that it sits exactly along the bottom of the menu bar, but when the screen resizes this no longer works exactly. I either need to add
-
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
-
Site URL: http://www.maddiestaszak.com Hi guys! I have been trying to figure out how to make a drop down menu for my portfolio page for awhile now. When the cursor hovers over the "projects" on the navigation bar, I want a drop down menu to come down listing all the things I've worked on. You can see an example of what I want to do on "Projects Menu" in the nav bar. Basically, I want the Projects Menu drop down to go with the "projects" page. I've made this in a portfolio in Squarespace 7.1 website url: maddiestaszak.com password: 1231
-
Site URL: https://sapphire-snail-bcjw.squarespace.com/foxlea-manor-buckinghamshire Is there anyway to make the folder dropdown box wider so that the page names are on one line each? Password: silverstein Thanks in advance, Abi
-
Hi How do you get your navigation link to centrally align with it's drop down menu. I would like the text 'Resources' to be centrally aligned with the text/box in the drop down menu. At the moment the drop down menu is hanging off to the left! Thanks!
-
hello everyone, i am trying to figure out the following. I currently have a list of brands with dropdown models. Instead of one long column i'd like to do 2 or maybe 3 columns side by side. is there any way to do this in just one box? or am i going to have to add 3 boxes side by side? this is current code <ul class="accordion"> <a class= "toggle" href= "javascript:void (0);"><h3>Aalborg Industries</h3></a> <ul class= "inner"> <li>KBO-R40M <li>MISSION OC 3000/2400 KG/H <li>MISSIONTM OC <li>O
-
On my website, there's to options for variants. The issue I'm having is when a customer comes to my website and see the product page, the variant images aren't shown unless the customer makes a selection in both variant options. This makes it more difficult for the customer to see which variant is labelled with the name of the variant. Is there a way to make a default selection for the variant dropdown menus, so that when a customer arrives at the page, a selection is already made for each variant option? Or maybe even a way to remove the "Select Color" option of the dropdown menu, so it -
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 g -
Site URL: https://dodecahedron-pentagon-rzy3.squarespace.com/config/ Hello Everyone, I am a neophyte in toolkits utilisation and I am working on a site where the person who owns the company wants the language options to appear horizontally along the header and in the top right corner to have a drop down navigation menu. Now my question is the following: I understand the concept of "mirror" sites. Not sure on the terminology here which is basically static translation. However the language choices and the drop down menu are both in the header which cannot be segmented, so how do I go -
Site URL: https://manshaplan.com/business-planning https://manshaplan.com/business-planning password: password I created "read more" accordion style drop downs. They work great, but I wanted to know if there was a way to make it so only one drop down can be opened at a time. Example: if someone click "read more" on the far left button, didn't click "read less" therefore leaving it open, and then clicked and the centre "read more" button to expand that section, the left drop down would automatically close. Attached is a screen shot of the drop down section fro -
Site URL: https://www.irenewei.com/ I found a custom code for vertical spacing, but not one for horizontal spacing on the dropdown menu. I don't know how to code... Can anyone help? Thanks! -
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
-
Change font of drop-down menu in product listing
MarikaS posted a question in Coding and Customization
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 -
Site URL: https://www.shopmaisaguam.com/shop Any workarounds or code to change the default navigation on my shop page from it being laid out on top to a drop-down style on mobile view? On desktop it looks fine because the screen is wide an all product categories are laid out nicely but on mobile you have to swipe left to see the other categories and a lot of people don't know this feature leaving them to have to scroll through the entire product page to find the items they're looking for.
-
Site URL: https://www.keepingthespark.com.au/date-packages/p/date-packages1 Hi everyone, I was wondering if someone could help me with changing the text in the "select single date" to "select date package" or something else. Thanks
-
Changing Font Color of Dropdown Menu
PleaseHelpMeThanks posted a question in Coding and Customization
Can someone please help me with the code to change ONLY the font color of my drop down menu? Here is the color I want the font to be: hsl(43, 67%, 57%) I’ve tried other codes in these forums but it changes the background color which I don’t want and can’t figure out how to change the color itself within the code. If someone could help me out with this, it will be greatly appreciated! Thank you! -
Site URL: https://scacrowley.squarespace.com/ On this website, password sca the navigation dropdown links are not aligned with the main navigation text. See attached image. In the image example I want the dropdown text to align with the main nav "management" text. This is the code I added, it was even worse before this code was added. /* change dropdown menu container alignment */ .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: 10; right: auto; width: 130px; }
-
I am using 7.1 and I adjusted the dropdown spacing to accommodate a longer test. I want to increase the padding on the background to match the text. I figured the custom css would be padding-right, but I guess not. 🙂 Currently the code I am using for the dropdown menu is : /* Change dropdown menu background */ .header-nav-folder-content { background: #d22730 !important; } .header-nav-folder-item { width: auto !important; white-space: nowrap; }
-
Navigation Drop Down Menu into Multiple Columns
JonathanK posted a question in Coding and Customization
Hi, please see attached screenshot. I would like my SHOP menu folder to be in two columns with work for sale on the left (Sand Dunes through Books) and information about the work and additional items on the right (About Our Prints through Give the Gift of Art). Right now it is one long menu. At one point I searched this forum and someone posted custom CSS that broke folders into two columns. You could select which drop-down folder to turn into columns and how many columns. This was a great start but you could not determine WHERE the break occurred, it simply broke it up evenly so if I had more -
Hi, Does anyone know how to get rid of the variant name above the product dropdown menu? I don't mind the name on the white dropdown bar, I just want to get rid of the name above it. I'm working with version 7.1 Thanks for your help!
