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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

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.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.
  2. 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!
  3. 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?
  4. 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 doesn't show the customized appearance. I'd be very grateful if anyone could help me figure out this pickle. Thank you!
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. 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!
  10. 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
  11. 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?
  12. 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.
  13. 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
  14. 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!
  15. 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.
  16. 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
  17. Site URL: http://www.dolphinbottles.co.uk Password: dolphin Any help is much appreciated!
  18. 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!!
  19. 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-image: url(https://static1.squarespace.com/static/5f174588f138424ec2fbd0d7/t/5f1a2c0859f5c362ebe8be8f/1595550728438/Hamburger+Menu.jpg); background-size: contain; background-repeat: no-repeat; background-position: center center; } }
  20. Hi, I'm using Almar and I was wondering if there is a way to remove Hamburger menu from mobile altogether (I assume this is done via Custom CSS, but none of the search results with solutions worked for Almar in particular). Much appreciate any help in advance.
  21. Site URL: https://khaki-caper-j2pm.squarespace.com/ Hi, I'm trying to work out how to force the hamburger to appear on all media screen sizes but not having much luck. Password is "password" https://khaki-caper-j2pm.squarespace.com/ The site I'm working on is private at this stage but the above link is a representation of my nav bar. As you can see there are quite a lot of menu items - hence my desire to put them all in the hamburger. Another option would be to use a navigation folder, but It's forcing me to use a page slug ,but there will be no child pages as the site will be a single page with anchor links to #ids further down the page. Is there any way to link a navigation folder to an #id? So two questions: 1. How can I make the hamburger display all the time? 2. How can I make the navigation folder link to an ID further down the page? Any help would be fantastic :)
  22. Site URL: http://www.emily-nichols.com Hello, I just finished updating my site with the Brine Template and when I look at it on Mobile, the hamburger and search magnify glass are covered up by the title of my site. Any custom code to move things around? I'd also like to move the search bar to the footer if that's possible to save room on top. Thanks for your help!
  23. Hello there! I have some issues with 7.1 default hamburger icon on mobile. Two thin lines are not bold enough to be noticeable and I would like to change it to thick three lines(and maybe different color so it pops out more?) or other alternatives that stands out more such as menu texts. Could someone possibly share the answer? Thank you!
  24. Hey guys! I used the following code to have the hamburger menu nav on my 7.1 site: .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} It works well, but I would like two menus navigation: On desktop: 1) a normal menu navbar with the first 4 page links 2) the rest of the page links under the hamburger menu bar. On mobile: everything under hamburger menu bar. Is it even possible on squarespace 7.1? thank you 🙂
  25. Hey everyone, I just started using Squarespace free trial, and I am just starting with the design of my website. I am pretty happy with how the desktop site looks but not really with the mobile website. What I want to do is keep using the desktop navigation menu on mobile, because on mobile the menu becomes a hamburger, but I just want to keep the text on the website because otherwise it looks kinda empty on mobile. I added images on how I want it to be, you can see that it is just the regular menu instead of the hamburger. Thanks!
×
×
  • Create New...