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. 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
  2. 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???
  3. 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; } }
  4. 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:
  5. 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
  6. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  7. 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
  8. 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.
  9. 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!
  10. 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!
  11. 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!
  12. Hello, I'm not sure why my hamburger icon is off of the mobile view/page?? It seems the cart icon is in also in on the problem ha! I've tried adjusting the header mobile layout but it still remains the same. I've even messed around with some css (padding-right) but it just runs into the cart icon. When adjusting the padding on cart icon as well, it just pushes the hamburger icon back off the page. It's almost like the width of the container/div needs to be increased or something?? I basically just need the hamburger icon to not fall off the right side of the page and also have some adequate spacing for the cart and cart number icons. See attached jpg screen shot. Thanks for the hep ya'll!
  13. 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/
  14. 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!
  15. Site URL: http://pleasurecontrol.org Hi there Is it possible to get the exact same burger menu from the mobile version to the main site. Already, I know that I will have too many navigation links so if I could hide the links in a burger menu, it would be most preferable. I customized my burger menu icon, so if I could just force that on to the main site it would be perfect.
  16. Site URL: https://www.grahammarriott.com/ I'm trying to overcome the lack of ability in SS 7.1 to set the mobile breakpoint. I can't seem to find a way to keep the desktop header, with Site Title on left and Navigation on right. I only want the hamburger on mobile devices, not on iPad in portrait. Header background is transparent... New to 7.1 here, any and all help is greatly appreciated. Thank you!
  17. I'm demo-ing Squarespace... How do I reduce the size of my navigation fonts on the mobile version?... How do I reduce the size of the hamburger icon on mobile? How do I move that hamburger icon to the left or right and get it closer to the edge and away from my logo?... Is there a way to add the hamburger icon to the desktop version and put it on the right?...
  18. Site URL: https://sealion-tetra-dsdy.squarespace.com SITE PASSWORD: easternskye Hi there, I used coding to get the navigation menu visible on all platforms, and also found a code to center the logo with that, however, even though it kind of appears centered it isn't. When I make the hamburger navigation not visibile, then the logo goes visible, so it seems the hamburger is pushing the the logo a little to the left. see coding that I am using: .header-title-logo { text-align: center; } /*hamburger*/ @media screen and (max-width: 5000px) { /* Display burger icon at all widths and align right */ .header .header-burger { display: flex; order: 2 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } }
  19. I'd like to have the page links showing instead of hiding it in the hamburger menu on mobile. Is there a way to do so? I tried using a custom CSS that I found on another forum post but it didn't work. I'm also using the Cole template if that helps anyone Here's a picture of something that I would want to see in a mobile view! Thank you!
  20. Site URL: https://sheep-tetra-sgjg.squarespace.com/paintings-drawings Hi, When previewing my site on mobile, it looks like the hamburger icon is just slightly too far to the left of the screen, making it off-centered. Is there a way to make it centered on every mobile device? Thanks!
  21. Site URL: http://revelucent.com Hi all, Recently, I've got an issue with mobile ver.website. Website is moving around on the mobile and also part of Hamburger icon is hidden on the right side of screen. Anyone knows how to fix the website more mobile friendly and keeping it not moving? Thanks!
  22. hey everyone, I'm trying to keep the hamburger menu on desktop. I've managed to do it, but can't seem to get my logo in the center. can anyone help? here's what I've done so far: @media screen and (max-width: 5000px) { /* Display burger icon at all widths*/ .header .header-burger { display: flex; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } /* burger position */ .header-display-desktop { flex-direction: row-reverse; } } https://janetesilveira.squarespace.com/ ps: 1234
  23. subj: hamburger appearance - in 7.0. , brine template Dear all, A topic I have seen, but nowhere the solutions seem to work for me. I have a hamburger Icon on the top right in mobile view, and want it to display NOT in a colored header bar but as overlaying the banner image that is on the "home" page. Is there someone out there that could help me please? thank you! marion
  24. 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
  • Create New...