Search the Community
Showing results for tags 'menu'.
-
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: https://orange-magnolia-wpn2.squarespace.com/ Hi all, I'm trying to align the primary navigation menu (see RHS of screenshot) to the bottom of the logo (see LHS of screenshot). Does anyone know the custom CSS to do this? Thanks in advance! -
Mobile menu: keep Contact button on sub-navigation
TOMweb posted a question in Coding and Customization
Site URL: https://endive-denim-89ds.squarespace.com/contact Hi all! pw: 1404-Hello I customised a code for the menu navigation for my site on mobile, but I would like the sub-navigation to look just like the main navigation: I want to keep the contact button on both navigation so that when the view clicks on a folder, the contact button doesn't leave the screen ... Do any of you have any idea how to achieve this please? Screenshots to clarify! thank you ! Below the code I customized: .header-menu-nav-item a { font-size: 1.7rem; padding-top: 7px; padding-bottom -
Site URL: https://www.wisteriacatrescue.org Hi there, I would like to customise the drop down menu so it is in the purple colour used on the site. I would also like to increase the spacing between the two options and add a line between. Any help here would be amazing. Many thanks, Emily.
-
Site URL: https://www.davidjackspencer.co/ Hi, I am trying to add padding to a specific page/link in my mobile menu. I want to add spacing at the top of the 'Info' page link to separate it from the projects listed above- and shift it down. Password to site is: DJSB2020PORTFOLIO Thanks! -
Site URL: https://endive-denim-89ds.squarespace.com/ Site URL: https://endive-denim-89ds.squarespace.com/ pw: 1404-Hello Hi! 🙋♂️ My menu doesn't show on mobile, I have to scroll down and then back up to make it show. What do you guys think the issue is? Screenshot to clarify (this happens when I click on the burger: the menu opens but is invisible) Thank you!
-
How to apply text styles on a JavaScript Code?
joaop2020 posted a question in Coding and Customization
Hello, I am using SquareSpace 7.1, and I wanted to have two vertical menu as you can see bellow: The left side menu in yellow I used CSS coding to place my navigation like that, which I can change the text color to different pages background. To create the 2nd vertical menu, I have followed the steps from this blog: https://ryandejaegher.com/add-fixed-vertical-navigation-to-squarespace/ Which tells me to Code Inject a JavaScript with #link to the pages, as you can see bellow: But now I want to apply styles to the text on the left side menu, s -
Site URL: https://www.birminghamearlyyearsnetworks.org/ I'd like to be able to add more items to our top menu without having them separate onto two lines, without the CTA button being pushed over to the side... Any suggestions?
-
Adding dividers to hamburger navigation on mobile
DT386 posted a question in Coding and Customization
Site URL: https://www.sammmies.com Hello, How do I add horizontal dividers to my hamburger drop down menu on my mobile site? Also would like to add the search bar in there as well. Thanks! -
Hamburger icon out of place on mobile view on Wells template
cjgetty posted a question in Coding and Customization
Site URL: https://camerongetty.com Hi, I just changed the MENU text on the Wells template's mobile view to a hamburger icon, but for some reason, the icon doesn't line up nicely on the right side of the viewport like the MENU text does. Any fixes? Here's the added custom CSS: #mobileMenuLink a:before { content: ""; background-image: url(https://static1.squarespace.com/static/5faf83293c1c873f9e16be1a/t/5fbda7bf2dd96f5918a94f27/1606264767069/icons8-menu-48.png); background-repeat: no-repeat; background-size: contain; background-position: center center; wid -
Site URL: https://www.dezendezen.com/ Hello there, I have a problem with the Menu Icon from mobile view. I use GTRANSLATE for having the second language on my website but from today, if I switch from English to Italian the menu icon disappears in the mobile view. Anyone knows what happened and what can I do? Thanks
-
How can I change the font in the dropdown menu in the ordering process when selecting variants? -
Remove underline on active links in Commerce menu
BAMArt posted a question in Coding and Customization
Site URL: http://www.kamelyta.com I am having trouble on removing the underline on active links in the commerce menu of my site. I used a { background-image: none !important; } This has indeed remove the underline on links but not when they are active in the commerce section. Please help me! Thank you 🙂 -
Site URL: https://impala-nectarine-4s9h.squarespace.com/config/design Hi, I have created multiple stores within my site for different styles of product and then put categories within each store. When I go onto the main page of my store, there is a menu linking to all the different categories of products, but when you go onto the page of a category, the navigation to all the other categories dissappears, is it possible to keep this navigation on all category pages and not just the main store page? -
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://hassansaid.com/films Hello there so I use FLATIRON for my template. on my mobile I face a couple of issues 1- RED: the menu in itself gets cropped once I try to open it, but when I scroll its fine. its like blocked by the content . 2- YELLOW: how do I change the project title and the black/grey outline around it to a different style? like no background behind text or text hover. right now as is looks awful I feel. looking forward to your responses. thank you
-
Site URL: https://www.stefanhadzi-longinovic.com Kia Ora, everybody! My name is Mark, I would like to ask if somebody could help with some collected overtime questions. BACKGROUND VIDEO As you may see on screenshots below video is cropped by the Parallax Smart Crop function. Without that function, the quality of the video drops rapidly for almost a half of its length. Is there any way we can fix it? My thought is, maybe there are a chance that if it could be moved down a bit with a code, but I never done it before. On the second screenshot you can see the horse standing behind
-
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
-
Site URL: https://www.mialee.work/ Hello, I'm working on my web portfolio (www.mialee.work) and am running into some issues on the mobile site. I've listed changes I'm working on in order of importance and would appreciate any help and pointers. Attached is an image of the current state (top 2 images) and the desired outcome (bottom 2 images). menu: I'd like to change the current mobile menu to a sticky menu, flushed right, with the very top item to be "menu" (or hamburger). Right now, it's centered and when opened, pushes the web content down and the "menu" is the last it -
Site URL: https://www.thesuccessleague.io I'm building a site for a client on a 7.0 Bedford template (Hayden.) I'm having an issue where clicking the hamburger icon on mobile version of site will not activate the mobile menu. Occasionally, the window will pop up, but then I'm unable to click any of the navigation items. Some research leads me to suspect that it's an issue with some of the HTML blocks I have on the site, or a tabs plugin I have installed. Would appreciate any assistance with this issue!! @tuanphan perhaps this is within your expertise? Thanks! www.thesu -
Site URL: https://myselahsalon.com/ CODING QUESTION! On Squarespace 7.1 how do you add an image to the menu OR make the logo bigger than the allotted 320 px? I like what I did on my current site, but it isn't mobile friendly then (https://myselahsalon.com/) MORE INFO: I did this by setting the menu navigation transparent and then setting a background photo for the section below.
-
Desktop Hamburger Menu Navigation Spacing
LittleEmbers posted a question in Coding and Customization
Site URL: https://www.littleemberslearning.co Hello, I implemented a hamburger menu into my desktop site. However, I can't figure out the spacing. The navigation menu items are super spread apart so you can't see them all. Help? -
Replace hamburger menu icon with Lottie/JSON file
BleachedBoy posted a question in Coding and Customization
Hi, I'm trying find if there is a way to replace the default hamburger with an animated JSON file or Lottie file that I designed. Does anyone know if this is a possibility using square space? Thanks -
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 -
Site URL: https://www.menos.cc Hey, I'm trying to invert the logo color of my website ONLY on the navigation menu on mobile devices. (Or, even better, make my logo 'smart' so it inverts to white on dark backgrounds/images, and keeps black color on light backgrounds). Any help? Any of those options would do :)
