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://lettuce-triceratops-wyn3.squarespace.com/ Just trying to throw up a really quick and dirty landing page to collect emails. On the mobile version, I notice the site displays a menu button on the type right. I tried playing around in the settings but all I get are options to change the aesthetic of the icon or some visual element but not to remove the icon entirely. We only have the landing page so it doesn't make sense to have a blank menu that has nothing and it looks unprofessional. I purchased the personal plan by the way. Edited to add the domain: https://lettuce-triceratops-wyn3.squarespace.com/
  2. Site URL: https://pitto.squarespace.com/ Could you assist in reducing the size of the + hamburger symbol on mobile. Thank you.
  3. Site URL: https://www.robin-lyons.com/work/smirnoff Hello, I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage using the code body#item-618d19fdcd79e33780a7b906 #header{background-color: #FFF !important;} body#item-618d19fdcd79e33780a7b906 #header a {color: #111 !important;} but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff even if for example I use the code body#item-61533729f737a7012e2f7d80 #header{background-color: #FFF !important;} body#item-61533729f737a7012e2f7d80 #header a {color: #111 !important;} Any help would be most appreciated. Cheers, Robin.
  4. Site URL: https://www.bodyarch.com/ Hi, I'd love to replace my text navigation with a hamburger three line icon that displays on desktop (next to the social media icons, and Book Now). Can someone please share the CSS and what i would need to do to make my navigation titles connect to the hamburger icon? Thanks so much for your help!! Best, Louis
  5. 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?
  6. 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
  7. 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
  8. 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/
  9. 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; }
  10. 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
  11. @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?
  12. 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; }
  13. 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!
  14. 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
  15. 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.
  16. 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???
  17. 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!
  18. 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 ?
  19. 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!
  20. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  21. 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; } }
  22. 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:
  23. 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
  24. 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
  • Create New...