Search the Community
Showing results for tags 'menu'.
Found 217 results
-
Site URL: https://wedge-tangerine-ac3a.squarespace.com/ I need to find the html id of the menu item called "deltakere2". This is for creating a popup when clicking on that menu item. I would appreciate any help with this. Pass of the site: 1qaz2wsx Regards, Taulant
-
Site URL: https://dalmatian-maroon-ws68.squarespace.com/ Friends! I'm at a loss. Google and web inspector have failed me so I'm turning to you. How do you force a site to never show the mobile/hamburger menu and to always show the desktop menu? I have one button in the right of the desktop menu, and since we don't have more menu items, the client wants that button always visible instead of behind a hamburger. Any thoughts? Thanks in advance for any help you can provide! Password: grosvenor
-
Site URL: https://duck-squid-7bsa.squarespace.com/ Hi, I would appreciate it a lot if anyone could help me with this. I'm trying to make the header button open up a popup with a typeform form. When I contacted typeform they told me to do it like this: 1) use the jquery click method on that menu button to load the typeform in a lightbox popup; or like this: 2) use our Embed SDK documentation to achieve this: https://developer.typeform.com/embed/ Unfortunately I'm not sure how to do any of them? Any tips on this? I managed to put a popup button to my form in the side with this code (in case that helps): <a class="typeform-share button" href="https://form.typeform.com/to/wDQiSvN1" data-mode="popup" style="display:inline-block;text-decoration:none;background-color:#D17002;color:white;cursor:pointer;font-family:poppins;font-size:1.3rem;line-height:50px;text-align:center;margin:0;height:50px;padding:5px 33px;border-radius:8px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;" data-hide-headers=true data-hide-footer=true data-submit-close-delay="2" target="_blank">Launch me </a> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm_share", b="https://embed.typeform.com/"; if(!gi.call(d,id)){ js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> How could I put something similar in the menu in the heading? I'm on 7.1 here: https://duck-squid-7bsa.squarespace.com/ Pass: squarespace -
Stop menu items from wrapping in my dropdown menu
Sienawalker posted a question in Coding and Customization
Site URL: https://celery-primrose-2ntr.squarespace.com/ I am trying to make my dropdown menu wider so that the navigation items don't wrap to two lines - any ideas?? In the attached screenshot, Environment Controllers, Monitors & Timers is all one item, so I'd like it to be on the same line. password to access site is: p4ssword -
how to change menu style on shopping cart page 7.1
hboileau posted a question in Coding and Customization
Site URL: https://vibraphone-salmon-f2tc.squarespace.com I was able to change my shopping cart page color, but I would like the menu on that page to be white with a black background. The menu on the rest of the site can stay white with a transparent background! But on the shopping cart page, I want the menu white with black background. site: https://vibraphone-salmon-f2tc.squarespace.com/cart password: hisoka thanks in advanced if anyone can help! -
What Is The Code For This Navigation Alternative?
ItsOK posted a question in Coding and Customization
Site URL: https://www.creativejam.in/ Hello Friends, I've come across this website today, realized that it's built in Squarespace, and wondered how I could use a similar navigation system on my own website, ozankarakoc.com. I managed to use the hamburger icon and the overlay menu thanks to the amazingly helpful people here in this forum, but I wonder how I could; adjust the size of the overlay, align it to a side, change the font properties of the text, add additional text below the menu items, and social media links. Any help would be highly appreciated 😉 Thank you! Ozan -
Site URL: http://www.taupestudios.com Hi everyone, I have a problem with my navbar on mobile. Whenever I scroll back up on my website, the navbar is "sliding" downwards (I would like it to be fix and not move). I have tried injecting this code as suggested by a friend, but nothing happened... Any suggestions? <script> function removeEventListeners(element, listenerMap) { Object.keys(listenerMap).forEach(function (name) { var listeners = listenerMap[name]; listeners.forEach(function (object) { if (name == 'scroll') { element.removeEventListener(name, object.listener); } }); }); } removeEventListeners(window, getEventListeners(window)); </script>
-
Adjusting Mobile Menu and Submenu Alignment and Spacing on 7.1
ptang posted a question in Coding and Customization
Site URL: http://www.buttercup-chartreuse-ptns.squarespace.com Hello! I am building a site using version 7.1. I finally worked through the desktop navigation menu and now I'm stuck with changing the style of the mobile menu. The spacing and alignment's looks very disorganized. I don't know why the font of third menu item Plans is so much bigger than the other two, and the back button is separated from the arrow into two lines. The first image is what it looks like right now, and the second one is how I want it to look. Having all the menu and submenu items align with the logo to the left, change the spacing and font size. And maybe change the font color of the submenu item when its clicked. It'd be greatly appreciated if anyone can help me with this css. The link to my site is here: buttercup-chartreuse-ptns.squarespace.com -
Site URL: https://www.jason-taylor.com My dropdown menu works on the homepage, which is a guide to project galleries. When I go into a project gallery though, the menu doesn't drop down and wont guide people to another one. They would first have to go back to the homepage and then navigate to a secondary gallery. Is there a fix for this?
-
Site URL: https://justmeatsdeli.com/ How can I hide the menu icon with 2 lines and keep the icon with 3 dots on mobile using CSS? Site: https://justmeatsdeli.com/ Password: 123
-
Navigation drop down menu style and get id or class
squaredsquared posted a question in Coding and Customization
I got a question, how would you make a drop-down menu item, bold or hide. I am trying this one but it doesn't work (I am using 7.1) a[href="/mega-menu"]+.header-nav-folder-content .header-nav-folder-item.header-nav-folder-item--external a:nth-child(5){ font-weight: bold; } also this one is not working, nothing happens; a[href="/mega-menu"]+.header-nav-folder-content a:nth-child(5){ font-weight: bold; } I would like the "Antioxidants" to bold and hide "Herbs" Thank you! PS. the attached image is my menu with two columns -
Hello, I am building a very simple site for a restaurant. The navigation is made-up of simple text links fixed at the top of the site. I would like to be able to keep those nav links visible in mobile as well, instead of the hamburger menu. What code would do the trick? Thanks in advance.
-
Site URL: https://www.theduophotography.com Hello, So I have a question to ask regarding the phone hamburger menu. I've just noticed that when someone enters my website from the link in my instagram bio and then choses to see the hamburger menu the button doesn't show unless the scroll down (which nobody will see and it will get lost). I've tried with coding to make the letters smaller but it did't work again. Is there a way to change the padding and bring everything upper? I mean there is a lot of space on the top after the logo why it has to be so long. Thank you in advance
-
Site URL: https://www.peterboroughhouse.com.au/ Hi There, I would like to change the style of my dropdown menu items from my primary menu - at the moment they don't look great - I can't remember how I did this originally - I would be grateful if you could please remind me / let me know / how to do this? I would also appreciate any design suggestions as I'm not even sure how I'm going to make it look better!! Thank you so much!!! 😅 -
Shortening mobile navigation menu and adding uniform styling
mylesrh posted a question in Coding and Customization
Site URL: https://therare.la password: rarity Hello - there are a couple of things I'd like to do with my mobile navigation for the site. Here is a reference site that I'm trying to have similar styling to: https://cookies.co/cereal-milk.html I've attached a video to show the problems I'm having. 1. I would like to shorten the whitespace at the bottom of the navigation menu so that the site is still scrollable underneath like in the example. 2. I would like the "strains" dropdown to expand accordion style within the same menu instead of sliding over to a submenu (see example vs current site). 3. In the case above where the subnavigation expands accordion style, I'd like the text color for each item to be black instead of green (see example vs current site). 4. When I look at the mobile navigation on different devices and even switching between fullscreen and regular preview like in the video below, elements get moved around and some are unreadable. Even when they are all present, some of the boxes have different padding and such. How do I make this more uniform so that the design is clean and fits to screen regardless of the device, browser, emulator, or screen dimensions? Thank you! subnavissuemobile.webm -
Hi, Is it possible to not only left align links on the mobile menu screen but also move it to the top of the screen. Found the code to move it to the left, but struggling with the top. This is what I have for left aligned: .mobile-primary-nav-links, .mobile-secondary-nav-links { text-align: left; margin-left: 20px} Also, I noticed that when you click the links (when left aligned) in mobile view, the links quickly jump back to the centre before moving to the page requested. Any help would be ace, completely new to this.
-
Hi everyone, im trying to figure out how to make text color change from black to blue on my dropdown menu from the header bar when hovered over with mouse but there is not a specific function within the builder for that and i cant seem to figure it out, I am a designer but not very good with coding to be honest. Any help would be greatly appreciated. -
Hi, can anyone help? I am having trouble with the food menu block layout, the styling of it means you need to have a title, description, price. But on the starters I don't need to have a description for something like "Olives" without it though it doesn't move the pice into the correct place. I can put a character in the space where the description is to move the price over but it doesn't look nice. Does anyone have any ideas? Many thanks, Jo
-
Site URL: https://www.alceasurrogacy.com It seems that 7.1 has zero styling options for the dropdown menu. I honestly can't believe they think this is ok design-wise and I have no idea how designers are getting around this. Does anyone have a comprehensive code for changing spacing, width, border, color, font, adding icons, etc. for the dropdown menus? Example: live site can't be updated til I get a fix because it's so bad: Right now, what I have is completely unacceptable for my client. I'm just flabbergasted by these changes in Squarespace and so curious how people are dealing with it. Are you staying on the platform or going somewhere else?
-
Site URL: https://www.pollyvickery.com/ Does anyone know how I can get my header to be stacked verticle not horizontal across the top. I tried this code in 7.1 but no luck: Any help?! Thanks .Header-nav-inner { display: flex; flex-direction: column; } .Header-inner { padding-right: 5px; }
-
Site URL: https://recorder-pepper-3j33.squarespace.com/ Hi everyone! I was wondering if someone could help me... On the desktop version of my site I have been able to include a custom social icon linking to 'Spotlight'. This is great however, when in the mobile menu (screenshot attached) the link still shows the generic link icon. I'd love to know how I can change this to my custom icon please! Password to site is: romy Thank you!
-
Site URL: https://www.fourthstreetdeli.com Hi everyone! I am very new to Squarespace and not sure what I am doing wrong. My website is for our deli. Everything looks OK on desktop and even in mobile view while on desktop. However, when I actually view it on my phone, the sandwich menus are not visible. Any ideas? Any help is greatly appreciated. Thank you! EDITED TO ADD: When logged out of Squarespace and viewed on desktop, I can't see the menus either. Only while signed in on desktop. thanks
-
Hover/animation effects on navigation links
Karamarie95 posted a question in Coding and Customization
Site URL: https://wombat-dinosaur-kkfh.squarespace.com/config/ Hello! I desperately need help finding a CSS code that will work for a hover effect on my navigation links in the menu bar. I want the effect to be something like an underline when the mouse is over a specific link OR an effect where all the links blur when the mouse is hovering over a specific link. Any help would be SO appreciated I have literally tried everything Thank you!!!! -
Site URL: https://www.brubike.be/ Dear Forum, Would it be possible to link to a dropped down menu instead of a page? With other words: creating a link (other than the link in the navigation) that triggers the dropdown menu instead of going to a page? My request is mainly important for the mobile navigation, but it would be interesting to know if this works for dekstop navigation too! I hope making it visual will help: The homepage indicates various languages with images (collage) including hyperlinked text: Dutch, French and English: Clicking on the top image (Dutch) brings you to the first Dutch page (Welkom): the first item in the dropdown menu of the header navigation: However, it would be great if, instead, you would be brought to the drop down menu itself: Is this at all possible? I hope you can help! Thank you so much in advance 🙂 Kind regards, Celina
-
custom-css Removing "Back" from mobile navigation menu
Celina posted a question in Coding and Customization
Site URL: https://www.brubike.be/ Dear Forum, Is there someone who could help me figure out how to remove the word "Back" in the mobile navigation menu of the Carmine template? The HTML of the element is: <a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/" tabindex="0"> <span class="chevron chevron--left"></span><span>Back</span> </a> My request is simply to remove the word "Back" from the <span></span> so that only the chevron (arrow) remains. See screenshots attached to illustrate. How do i write this in the custom CSS? Thanks so much in advance for your help! 🙂 Kind regards, Celina
