Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'hamburger-icon'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.madorra.com Hi everyone, I'd like to know if there is custom css I can use to avoid the need to "double click" my dropdown "menu" folder on mobile to see the options - see screenshots for reference. On desktop I just have the "menu", when I hover over it you see the different areas of the page that you can smooth scroll to. On mobile, you need to click the hamburger icon, which THEN brings you to the "menu" overlay THEN you need to click into that to see the options. Anyway around this?
  2. Site URL: https://beyondspace-showcase.squarespace.com/custom-hamburger/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo Hi my friends, I've been asking alot about applying fancy hamburger animation to Squarespace, so I tried to create a tool where the various animation can be fit well with Squarespace markup Access to this page for the step-by-step instruction to copy and paste the final code into your custom css, it will replace the current animation https://beyondspace-showcase.squarespace.com/custom-hamburger Note: This solution is specifically for applying custom animation, with options to change color of normal and active state, other term such as width or thickness will need to be implement manually videos.mp4
  3. Hello everyone, Can you please advise on how to force the mobile menu on a desktop? I am new to squarespace and trying to keep the hamburger menu on with all screen sizes. I'm using version 7.1 - and all online resources are based on a previous versions were you can edit mobile settings that are not available anymore. It would be great if you can suggest any tips or custom code. website: tarpon-reed-27ss.squarespace.com password: 1234 many thanks, Dario
  4. Site URL: https://studiofurks.com/ Hi, I wanted to make sure that on the mobile version my website, the 2 page links that I have would appear without the need of using the hamburger menu. Example of what I'd like: Link to current site: https://studiofurks.com/
  5. Site URL: https://blackbird-trout-b2n3.squarespace.com/ Hi, How would I move this hamburger over to the right next to the cart? password: password Currently have this code in CSS: .header-burger { display: flex; }
  6. Hello, How can I change the height of the hamburger menu and also turn off the animation of it turning into an 'X'? Thanks, R
  7. @tuanphan @creedon one last one if you can. Here is another website I am working on. http://smallballunited.com/home On mobile, when I click the hamburger icon, the cart PNG that I have is not hovering right. Anyway to fix this?
  8. I'm looking for code to make a few changes to my mobile hamburger and shopping cart: How do I make them smaller? Once they're smaller, how to I make sure they're still right aligned with margin of my mobile site? How do I add a stroke or make them a little bolder? How do I make the hamburger lines shorter? Bonus question! If I create my own shopping cart icon, how do I use that instead of squarespace's icon on both mobile and desktop? I've tried this code from another forum answer to make the burger smaller, and it didn't work: .burger-box { width: 15px; }
  9. Hi there! Apologies if this question has been asked before, I couldn't seem to find the answer to my question. I have my primary navigation position at bottom centre, so it sits on top of the banner images on the website. I have the link spacing at about 2.0em as I want them spaced out. However, the weird little breakpoint between phone and desktop, which I believe to be tablet sizing (?), makes the navigation items stacked, and it looks awful. What I would like to do is to force it to switch to the mobile view/hamburger menu. I know that there is a lot of CSS out there to force a hamburger menu globally, but I would just like it for mobile, tablet portrait and landscape. I'm using Brine. Thank you so much!
  10. Site URL: https://www.voegelino.com/ Hi there I would like to change the hamburger menu icon into the text MENU. Any idea? I have a quite complicated set up with this menu and don't want to destroy anyting. Could anyone please help me? https://www.voegelino.com/ PW: orneverornow Attached you can find the custom code that is in the CSS. Thanks! Sibylle
  11. I'm on 7.1 and I have a CTA nav link that takes you to a location on the page via id. If the CTA link is clicked in the hamburger menu it scrolls down to the id but doesn't close the menu. Not only is the menu overlapping the page, it also hides the close button for the menu. Anyone have suggestions on closing the hamburger menu after clicking the id link? I can't seem to use javascript in the link, otherwise I could even just reload the page with the correct id attached.
  12. Hello! I'm using the Moksha template and have tried all of the CSS I can find with no change whatsoever. Has anyone changed the hamburger menu in this template.... on the left hand side to words or even just add the word MENU? Help please! Signed: Why can't my client just deal with the hamburger menu???
  13. Site URL: https://nectarine-gopher-55j4.squarespace.com/config/help Hi- My client would like the hamburger icon to be on the desktop but I cannot find any information on how to do this. I am using Bedford 7.0 theme. Any help is greatly appreciated!
  14. Site URL: https://www.dampfbadbasel.ch/ HI everyone I'm working on the BEDFORD family - there aren't many mobile menu options in this TEMP. My client desperately needs a HAMBURGER menu to appear on his desktop version. does anyone have any CSS code injection for me ? I've tried some but they only worked on Templates that have the Mobile menu breakpoint option, so the code needs to be specific for BEDFORD family ?
  15. Site URL: https://www.isabelparra.com Hi All, Trying to get my navigation menu to open to the right side of the screen vs left. Here is a screen shot of what it is opening to now? Any help will be much appreciated!
  16. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  17. Hi there! I am having issues with my mobile logo remaining centered once I remove the hamburger icon from my mobile site. It is centering the logo as if the hamburger was still there. This is what I currently have in my CSS. Any ideas of how to fix this? @media only screen and ( max-width: 1024px ) and ( pointer: coarse ), screen and ( max-width: 799px ) { .header-display-mobile .header-burger { display: none; } } @media screen and (max-width:767px) { .header-title-logo { text-align: center; } }
  18. Site URL: https://www.milanopizza.sg/ Hello, Need help! Been trying to figure out why the main navigation or hamburger icon does not appear on the Home Page when using mobile. Users cant navigate our site and cant access the other pages. This problem only occurs on the Home Page. Succeeding pages would have the hamburger icon. And when we click the hamburger icon from the other pages, the navigation menu would appear (please see screenshots below). We're on version 7.1 (https://www.milanopizza.sg/)... Appreciate if you could help us. Thank you! ======================= MOBILE VIEW (does not have the navigation menu or hamburger menu): DESKTOP VIEW: THE OTHER PAGES have the hamburger menu when using mobile: The Navigation Menu appears when we click the hamburger menu from the other pages:
  19. Hey! I'm using the new Squarespace 7.1 and am having some troubles finding any info on making the nav break at a certain point to enable the mobile hamburger icon for desktop. I don't want their typical nav for desktop, just wanting to have the hamburger icon across all devices. Thanks for any help! https://chameleon-porcupine-c7jc.squarespace.com/ password: 1234
  20. Site URL: https://hampseshop.com HI, Is there a way to change the background menu color in mobile view? The menu that pops up when clicks to the hamburger icon. I'm using squarespace 7.0 Thank You
  21. Site URL: https://lightsandtracks.squarespace.com/ I'm trying to update the color of my hamburger menu on hover over similar to the behavior seen on the site at: https://lightsandtracks.squarespace.com/. I'm not skilled enough to extract the hover over CSS from this site. Maybe someone can help me with that? I can't reveal our site's URL but I have figured out the CSS to update the color of the hamburger menu, either (1) or (2) below: (1) .burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun { background-color: white!important; } (2) .burger-inner>div { background-color: white !important; } Then I tried the following to update the color to red on hover over, but it only updates the color of each of the horizontal lines of the hamburger menu but not all three at once: .burger-inner>div:hover { background-color: red !important; } If someone can suggest what CSS I can use to update the color all 3 sections of the hamburger menu on hover over I'd love to know.
  22. Hi, I have a line under my burger on my desktop site but only in my store page and I would like to remove it. Thanks for the help!
  23. Site URL: https://www.debrarbryson.com Hi Everyone, Would someone be able to help me write some code to make the hamburger lines white instead of black on the home page? I tried the below, but it didn't work. button.header-burger-btn.burger { color: white !important } Also, please note: could you make the code apply to this page when the hamburger is in = format, not X too when you click on it? My mobile menu background is white so it will disappear if both are changed to white. Thank you!
  24. Hi, I was wondering if by chance you could help me with my burger menu. I have managed to apply it the way I want to the desktop site but the issue is the mobile display. I have created a folder which has two pages. When I go to the mobile view the burger shows me the title of the folder then I have to click it to be able to see the pages. I wish to see the pages straight away from the burger icon without going through the folder. Ideally, what I wish to do is to modify the desktop site to incorporate the burger menu without having the mobile version affected as I want to keep it as it was. Do you have any CSS custom I could try? Thank you in advance for your help!
  • Create New...