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


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. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  2. 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
  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. 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!
  5. 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/
  6. 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!
  7. 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.
  8. 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!
  9. 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?...
  10. 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???
  11. 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; } }
  12. 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!
  13. 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!
  14. 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
  15. 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!
  16. 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
  17. 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
  18. 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
  19. Hi, Not really much more to say aside from the title, but I have injected a hamburger menu code into design > custom css: .header-burger { display:flex!important} .header--menu-open .header-menu {max-width:30%;opacity: 0.75!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important;} .header-menu-nav-item {line-height: 30px!important;} .header-menu-bg {background: black!important;} .header-menu-nav-item > a {color: white!important;font-size: 200%;hyphens: none;white-space: nowrap;} I've edited it slightly, to stop text wrap in the menu, make it a certain width and opacity, and increase text size and line height. Before I added variations to the code, the cart was not visible, and I did not expect these additions to change that either obviously, but I am not sure what to insert to make the cart visible, separately from the hamburger menu. The cart/checkout icon is not visible on the page anywhere, nor the hamburger menu when open, however social links are. I would want the cart to be visible on the right hand of the header if possible Any help would be appreciated 🙂 Thank you!
  20. 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 searching for ages and can't seem to find the answer. Thanks so much in advance x
  21. 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.
  22. Site URL: https://goby-oarfish-j8jm.squarespace.com/ I have a problem with the Hamburger being aligned correctly in the desktop mobile simulation but when you actually view the site on a phone it's not aligned with the edge of the grid (screenshot from iPhone below). Is anyone able to help me out / know how I could fix this or manually align it? It's made using the Novo template. If anyone can suggest some code to inject to rectify the problem please drop it in here, i'll be forever grateful. Cheers!
  23. 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.
  24. Hello everyone, I added some codes to have a multilingual website. All looks great (it's both in French & English) but the navigation menu won't display as usual. I'm on the desktop and to see the navigation menu in all pages, I have to click on the 'hamburger' icon at the top right to see the different pages (please see image below) Can you please help? Thanks
  25. Site URL: https://www.missjesscraven.com Hello squarespace world, I'm looking for custom css to add that will change my mobile navigation from MENU to the hamburger icon. I found this: /* HAMBURGER NAVIGATION */ #mobileMenuLink a:after { content: '☰'; color: black; width: 100%; text-align: right; position: absolute; top: 0; left: 0; } But that just added a hamburger icon in the top right corner but didn't replace or change the current menu on mobile view. Thanks!
×
×
  • Create New...