Search the Community
Showing results for tags 'menu'.
-
Hi there, is it possible to turn off the email pop-up on the mobile version of the menu as it's currently hiding some of the menu items as you can see below? https://www.stlukes.ie/home Thanks very much!
-
Hi there, Is it possible to adjust the line spacing (leading) for the dropdown menu? I want to space it out a bit more. It would also be great to add a thin stroke to the menu to help it stand out from the background a bit better. Thanks! https://www.stlukes.ie/home
-
Hi, I changed my font menu color to white, which I was trying to only change for my home page, but it's now changed to white across the website which is a problem as the menu doesn't show up on the other pages with a white background. How can I change it back to black? This probably simple but I can't remember how I changed it to white font in the first place!
-
I am using 7.1 and I want to move the hamburger menu icon to be below the site title rather than on the right side of the header. There are no Squarespace presets that allow for this. Can anyone help me with this? the password is 12345678
-
Hi there, I'd love to know how to use CSS to create mobile drop down menu very similar to the example screenshots I have attached from the website https://www.stanallenarchitect.com. The border lines extend to the edges of the screen and each menu option (Work-Practice-Contact) are equal height and spacing to the site header. I have also attached screenshots from my mobile website for further context. Any help appreciated, Charlie
-
Hi. I want to hide 'Speakers' and 'Schedule' page from navigation bar, So I used this code. <style> #header .header-nav-item:nth-child(2){ display:none } #header .header-nav-item:nth-child(4){ display:none } </style> <style> @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(2){ display:none } @media screen and (max-width:1511px){ #header .header-menu-nav-item:nth-child(4){ display:none } </style> It was successful on the web, but when it comes to mobile, it makes 'page 1' in the folder dissappear. I guess it recognizes 'page2' and 'Speakers' as .header-menu-nav-item:nth-child(2) at the same time. maybe it's because 'page1' is in the folder. Can you guys help me making the hierarchy?
-
password is website I used a code to create a vertical menu - customized it to be transparent so it would overlay the images in each section but I can't get the 1st actual section to start at the top of the page. How can i fix this? Thanks! Screen Recording 2023-08-09 at 7.56.23 AM.mov -
Hello everyone! 1. I'm working on a multilingual website and when I change the language to Arabic, on the mobile site, it doesn't close the menu or redirect to the same page I'm on. Can anyone please help me with this? 2. I have an issue with the desktop site on the Arabic header, there is a glitch in which it's sticking two pages together an shown in the picture. Can anyone please help me with this? URL: https://porpoise-tulip-6874.squarespace.com/ Password: m4b-K#0rejl#r?swifro Thanks everyone! I appreciate your time and help.
-
How do I remove the underline in links in the menu? I would like to remove the underline from 'Candles' and 'Found Items' in the menu when viewing the website from the mobile view. I tried this custom code and it did not work: .header-menu-nav-item { text-decordation: none; } Thank you! Here is the site URL: https://jellyfish-primrose-rjjw.squarespace.com/
-
Hello I am trying to get rid of the mobile menu transition animation that swipes in from right, want it to be a simple drop down. I have forced the mobile menu to desktop view which I want. But I want the text to drop down when you click the plus. Right now it flies across the whole screen from the right. SSPH.mov -
I have used the Cinnamon template and my header menus only take fixed width that is smaller than the content width. If I add any additional menu, it starts to go into the second line. How can I increase the width of my menu area for the desktop?
-
Hello, I can't seem to find the Design option to edit my custom CSS. I'm the owner of the site. I was using it normally and suddenly it's not there. The trial is still on, hasn't expired just yet. I don't know what could be causing this. I added a custom HTML code on the website but it shouldn't be it. Please advise, thanks a lot!
-
Hey, I'm missing the Design option to add custom CSS. I'm the owner of the website.
-
How to create a split full page menu like this?
OktoberDesigns posted a topic in Customize with code
I stumbled across this website and I absolutely love the split menu style. However, I've tried looking all over online and I can't seem to find a tutorial or plugin or code that I can use to add it to my site. Please help!! https://www.stateofsage.com/ -
I have the mobile menu forced on desktop — I'm having an issue, only on desktop, where the forced mobile menu fades in but not out, it just sort of glitches and and switches off as opposed to fading out as it should. Anyone else have this issue? Any known solves for this problem? password: grapes https://evngrgdsn.com/
-
Change the button width for mobile hamburger menu
hollykmsmith posted a topic in Customize with code
Just wondering if there's a way to change the width of the CTA button in my mobile hamburger menu so it's full width (up to the existing margins)? I'm able to do so throughout the rest of my site using fluid engine, but not the hamburger menu. Website is https://aspiring-dental.squarespace.com Password is Aspiring-Dental-2023
-
I'm using a dynamic menu, which works for most of my pages, but with a couple of my pages (FAQs and Services), the first section is the same colour as my logo. I have managed to implement CSS to switch out the logo to a different colour for the affected pages. It works well, apart from with the hamburger menu on mobile. I have followed the instructions to replace the hamburger logo for affected pages, but it doesn't seem to be hiding the original logo properly, so I get two logos overlapping, giving a funny outline. Can someone help me by taking a look at the code and see what's going on? Code has been implemented in the "Advanced" section of the specific page, and not the site-wide CSS panel. Website: https://aspiring-dental.squarespace.com Password: Aspiring-Dental-2023 <style> div.header-title-logo a { content:url("https://static1.squarespace.com/static/64ae1056de93ab723f53c4f3/t/64c8726fe5dffc761d47c949/1690858095063/AspiringDental_Logo_RGB_Blue.png") !important; max-width: 300px; } // mobile menu // /* hide current image */ body.header--menu-open .header-title-logo img { visibility: hidden; } /* set new image on burger menu click */ body.header--menu-open .header-title-logo a { background-image: url(https://static1.squarespace.com/static/64ae1056de93ab723f53c4f3/t/64c877652a73de35bf04a12a/1690859365906/AspiringDental_Logo_RGB_Cream.png); background-size: cover; background-repeat: no-repeat; } </style>
-
My design pages has disappeared from my main menu page, it was just there like an hour ago and I can no longer find it, please help!
-
I am a little bit new to making a website on square space. I have been trying to find this on google / youtube / forums for hours and I just cannot figure it out. I don't like the way my overlay menu looks and the settings on squarespace aren't helping much. My website is lustrerentals.com , I don't like the way my overlay menu takes the whole screen. In the next picture it is another square space website tremontrentals.com , i like how their overlay menu on mobile only takes up half of the page. Any help on how I can make my mobile overlay menu look like the one on tremontrentals.com would be appreciated!
-
I have added a menu block to a restaurant website. The menu block has multiple tabs/pages. I have entered in all the food for each tab but I would like to have a link one of those pages. Their beer menu is kept up to date on another website. When someone clicks on the beer tab, id like them to be able to then click a link (text link or button) that brings them to the beer menu. Is this possible? OR....Their beer list is kept up to date on untapped. Is there a way to integrate that into their website to show up on beer page I make for them?
-
I'm realizing that designing for both mobile and desktop on each page is becoming too complicated (for my case, on this specific site with thousands of images). I'm currently doing the trick where you use "@media screen and (max-width: 750px)" and "@media screen and (min-width: 750px)" to hide sections. I have thousands of images however and each pages' Page Settings Advanced code section is becoming a mess. It's coming back in to test and edit code is taking way too long to sift through. I'm thinking that I would now like for users visit my splash page (which only has one link to take them into the site) and if they are on mobile they can only see a link (using the code above) that sends them to my site main pages that is specifically designed for mobile and if they are on desktop, they can only see a link that takes them to my site that is designed for desktop. For pages with my site footer (that has links), if the user is on mobile they will only see text blocks that send them to mobile pages and vice verse. The big problem is the site HEADER navigation links though! Right now, if I technically make two pages (mobile and desktop) for each page of my site and drag them into the Main Navigation of the site, all of the versions (desktop and mobile) of the page will show up in both the mobile and desktop menus. What can I do to make it to where only links designed for mobile are seen on the mobile header menu and only links designed for desktop are seen in the desktop header? Thanks! www.mamiecreative.com -
I have added custom code to create hover effects for my navigation menu, however these effect are only showing up for my home page. How do I make these effects apply to all pages? Thanks for your help! https://seal-point-zww3.squarespace.com/ PW: puglife
-
I am looking for someone who can help me with making adjustments/edits to the mobile menu of this website. There are a few things I would like to do: Make the black button at the bottom less padded (reduce the amount of black/space around the text) Update the font within the button to Montserrat Add another button Add text Shift the menu items to be top aligned. Can anyone help me make this adjustment?
-
Hello SS community! I am looking to create a secondary navigation menu above the main navigation menu, just like this website...https://www.stgeorges.edu/ What would the best way to go about achieving this? I was going to start with a blank template, but if there is a template that offers this, I would be open to starting with that. Thank you in advance! -
Hi all, I'm looking for some help with customizing the mobile menu of my website. On my project pages I am using html to change the logo to a different file in order to change the color. I'd like to accomplish this on my mobile menu as well. Additionally I am looking to change the nav links to a custom font. I have tried a few solutions that I have found on here for that, but haven't had any luck. Any thoughts would be greatly appreciated. Site PW: AnoukTuuli Html that I am using on the project pages to change the logo file for color: .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/6489f12d5931691c0bdd9856/t/64c0171f3f0c395ef9bf2bc0/1690310431460/Asset+6%40300x.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } </style>
