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

Search the Community

Showing results for tags 'hamburger'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. Site URL: https://www.cuisinesteam.ca/main Hello! I am trying to add a hamburger menu on the desktop version of my website. Is there a way to force the mobile hamburger menu to show on desktop? Thank you!
  2. Site URL: https://gecko-kangaroo-fesb.squarespace.com/ I've just successfully used the following code to change the navigation menu to a hamburger and to make the hamburger larger @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible;}} .burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun { height: 6px; width: 50px; } .burger--active .burger-inner .top-bun, .burger--active .burger-inner .bottom-bu
  3. Site URL: https://www.shorebrookpartners.com Hi there, I was wondering If someone could please help me with an issue I am facing! I have named a navigation folder "☰" so that I could get the hamburger icon on desktop for my clients website. However, when this is viewed on mobile, it shows the icon twice (for instance if It was named "menu" it would be ☰ > Menu > About / Clients etc etc) so it currently shows ☰ > ☰ > Clients etc. Is there a way of getting rid of the second icon in mobile? I've been on chat with someone but they directed me here! I've been search
  4. Site URL: https://www.loveincsheboygancounty.org/ I have a website with the Bryant template and have received feedback that the hamburger menu that shows up on mobile (or when the browser window isn't full width) isn't clearly a menu and that they would prefer that it just say "menu". Ideally I would like to change the hamburger menu icon to just read "Menu". If that's not possible, I'ld like to place "Menu" text directly beside it. I have searched the forum and tried dozens of codes to no luck.
  5. Hi, Not really much more to say aside from the title, but I have injected a hamburger menu code into design > custom css: @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible;}} But this has now stopped the shopping cart from appearing. Is there anyway I can have both the hamburger menu & shopping cart on display. I'm using Squarespace 7.1. Any help would be greatly appreciated! Thanks!
  6. Hi, I'm trying to make a menu that is a full screen split menu like the example below: - Sort of like the full screen menu but it has a split column after a max width?
  7. Site URL: http://a-b-c.org Hi there, On our non-profit's website (www.a-b-c.org), we wanted "donate" and "ABC Store" to appear in blue bubbles on the navigation bar to be more attention-grabbing. I used a custom CSS code I found online #mainNavWrapper .folder-toggle[data-href="/donate-1"] { background: #11a2e3; color: #ffffff; padding: 15px !important; border-radius: 30px; } This works when I have the browser on full size, but it doesn't work when the navigation menu is collapsed under a hamburger/ on mobile view. I'm attaching a screenshot that shows the donate folder d
  8. Site URL: https://www.ryiunityfinance.org/ When testing my site, I can't figure out why the navigation text is disappearing on mobile. Can anyone figure out what the issue is? I've played with text color via the template options and nothing seems to work.
  9. Site URL: https://redsquirrelcreative.uk/ Hi there, I am looking for some custom CSS to change the icons for my mobile hamburger icon and the close icon once the menu is open. I am using Squarespace 7.1 with the Utica template if this helps. Any help would be greatly appreciated. Kind regards, Chris.
  10. Site URL: https://hyperboloid-owl-e8p4.squarespace.com/config/pages On mobile devices the hamburger menu appears but it is barely visible obscured by the header. I'd rather people be able to see the normal navigation on a small screen.
  11. Hi, I'm using Wexley and would like to align the title on the top left, and hamburger (current Menu label) on the top right corner, on mobile. I'd like it to look and work like on this website. I'd rather not post my site URL, but it's all default Wexley template. I haven't tweaked any CSS.
  12. Site URL: https://cswebsitetest.squarespace.com/config/ Hi All, I have a question... On desktop, the hamburger for the menu displays top left. On mobile, this moves to bottom left. My client would like the hamburger to display top left on the mobile site but I can't figure out how to move it? Would anyone be able to give me some advice? https://cswebsitetest.squarespace.com - For reference Thanks!
  13. Site URL: https://marcusrsl.com Hi, I am looking to change the hamburger icon on my desktop site to just saying menu, and the menu opens with the options taking up the whole screen, I would like to change this to a drop down. PASS MR22 v 7.1
  14. Site URL: https://indigo-bronze-pep9.squarespace.com/ Password: Titleist This is driving me nuts and Squarespace support don't get back to me. On Android phones (only) the burger menu items don't display properly (left. or right or even half off the screen). The problem occurs even when I've removed all the code that I added. Any ideas? Anybody?
  15. Site URL: https://www.thenativecoffeecompany.com I am trying to add a Hamburger menu to my mobile site. Right now on my desktop I added a button entitled, "Menu" that links to a separate page that I am using as a menu page (https://www.thenativecoffeecompany.com/menu). On the mobile site, neither the button nor a hamburger menu show up...I am trying to add a simple hamburger menu on mobile that links to this menu page.
  16. Site URL: https://clavichord-conch-pchc.squarespace.com/config/ Hi, I've added an hamburger menu to my site. Everything works properly minus a major glitch, once the hamburger closes, the links are still clickable eventhough not visible. Any suggestion? Thank you
  17. 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!
  18. Site URL: https://cuboid-decagon-n8zl.squarespace.com/ I'm using a slide down menu across all media screens - works fine on desktop and mobile but it's not visible on iPad. When I click on the hamburger icon, the menu opens then becomes really transparent and barely visible. Any ideas? https://cuboid-decagon-n8zl.squarespace.com/ Password: PAnmF34S Thanks!
  19. Site URL: http://ulo.io Anyone know how to delete hamburger icon from main navigation mobile view? I don't have any main navigation pages so I don't want the hamburger to show since it leads to a blank page.
  20. Site URL: https://www.brunhilda.cz/ Hi, I would like to know if there is any code to change WELLS mobile navigation hamburger menu, so it does not cover the full page. so from this: to this (or something similar :): Thanks so much for your advice!
  21. 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
  22. Site URL: http://www.goedland.nl Hi all! I'm looking for a way to hide the mobile hambuger menu on a few specific pages of my website.. How do I best do this? In my Custom CSS I've added the following code on the pages I needed to hide the main navigation & footer. In this I have succeeded, but the hamburger on mobile remains... Also is there an easier way to hide the main nav and footer than what I've used now? Thanks in advance! #collection-5ea43d4d14bd4f0e74ba7e12 .Header-nav { display: none!important; } #collection-5ea43d4d14bd4f0e74ba7e12 .Footer { displa
  23. Site URL: http://www.dolphinbottles.co.uk Password: dolphin Any help is much appreciated!
  24. Site URL: http://www.thefreerepublicofcalifornia.com Hi, Does anyone know how I could change the mobile navigation so it stays at the top, version the bottom? And is there a way to change the 'burger' lines to text? Thanks!!
  25. Site URL: https://opera-stl.org/ We put in this code (below) to use the mobile hamburger nav on desktop, but it makes our logo in the header be off center. How can this be fixed? @media screen and (max-width: 5000px) { .header .header-title-nav-wrapper .header-nav { display: none; } .header .header-burger { position: absolute; display: flex; order: 1 !important; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } .burger-box div { display: none; } .burger-box { background-i
×
×
  • Create New...