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'.



More search options

  • 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

Found 65 results

  1. Site URL: https://www.dextersupplier.com/ Hey guys... I would like to ask your help to move the cart icon out of the hamburger menu in the mobile version, as i propose in the images. I wanted the cart fixed in the upper right corner, opposite the hamburger menu. Thanks to anyone who can help... 🙏
  2. I'd like to display the navigation under the site title rather than in a hamburger icon. Is this possible in Tudor template with a custom CSS? I really like this template aside from this one element. Thank you
  3. Anyone have CSS code to change the word Menu to the hamburger icon on mobile navigation? Thanks!
  4. Is there any way to slow down the transition between the menu from the two lines to the cross?
  5. 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; }
  6. 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
  7. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/design/custom-css Hi, I am trying to move the hamburger navigation on my desktop from left align to right align. Can you please help with what css I should use? This is the code I used to put the hamburger icon on the desk top view: .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} Many thanks for your help 🙂 Kelly
  8. Site URL: https://www.thepinkchampa.com/home Is there a way to move the Customer Account Link to the Hamburger Menu ? Currently the Mobile Break Point is set to 3600px so that I can have the Hamburger Menu visible on all platforms. But the Customer Account Link is showing on the header but outside the Hamburger menu. I would like it to show inside that menu.
  9. Hello, I have a custom code that I am using for my main navigation bar on my website. It looks great on my desktop but I can't seem to put it in the mobile menu on Squarespace 7.1. could anyone help me as to how I can insert the custom code into the mobile menu? Thank you!
  10. 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?...
  11. 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
  12. Site URL: https://avocado-tangerine-n2wl.squarespace.com/ Hi there. I'm having trouble adjusting the mobile header on my site. I'm using Archer in 7.1. In my header on the desktop view and I can see my social links in the top right corner but on the mobile view the social link disappear. I know they are moved to the drop down menu but wanted to know if there was away to keep them in that top right corner in the mobile view. Is there also a way to make the X in the dropdown visible and instead of the white border, is it possible to keep the green image I am using as the site background?
  13. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  14. Site URL: https://www.gosolarinnevada.com/ I'm using my main navigation menu to toggle my site between Spanish and English, but this doesn't work well when it collapses into the hamburger on mobile. Is there a way I can prevent that from happening? My site is here: https://www.gosolarinnevada.com/ Thanks!
  15. Site URL: http://www.openonabeach.com Hi, I'd like to create a transparent header with a frozen hamburger menu on desktop -- in the York template. What I'd like it to look like, for reference: www.astegutierrez.com Is that possible? Have tried code from other forums for other templates and they didn't work for my site. Thanks in advance!
  16. Site URL: https://soybean-flute-42kz.squarespace.com/ Hi, I have a question regarding the burger and x icon placement on my mobile site. I can't control it in the way I would like to. Which would be to line it up with the top of the logo and the right edge of the content. I have no idea what the setting currently is, and I don't know the padding around the content either (I set it to 'medium' whatever that translates to) The code I currently use is making it roughly ok, but ideally I would like it to be EXACTLY ok. .mobile-nav-toggle-label .Icon--hamburger { margin: -40px; } body.mobile-menu-open .mobile-bar-wrapper .mobile-nav-toggle-label .Icon--close {margin: -40px;} Password to the site is Sandy Any help would be amazing. Thanks
  17. 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!
  18. Site URL: https://fifty-fifth.com/about Hey! I have been using this code to change the colour of my burger icon (when on mobile) but recently it seemed to stop working for some reason: .burger-inner:after { background: #ffc800 !important; } .burger-inner:before { background: #ffc800 !important; } I have tried it out on a friends 7.1 site that has zero additional CSS and it didn't work on his either. I was wondering whether Squarespace have updated their software to block the code or if there is a way around it to re-apply the colour change? At the moment it is just the default colour of the section theme of each page. Thanks!
  19. 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.
  20. Site URL: https://justmeatsdeli.com/ How can I hide the menu icon with 2 lines and keep the icon with 3 dots on mobile using CSS? Site: https://justmeatsdeli.com/ Password: 123
  21. Site URL: https://www.postand.co/ Does anyone have CSS code to change the mobile breakpoints for Squarespace 7.1? Basically I want the desktop navigation to remain on all tablets and landscape mobile devices and only change to the hamburger for small screens. At the moment it is breaking to mobile at 768px and we would prefer it to break at 432px. So many thanks to anyone who can help!
  22. Site URL: https://www.tuscanseagrillbar.com/ I currently have a custom image as my burger icon but when i open the menu, I would like to have the x in the top right so you can click out but without the two lines showing up when your out of the menu Thanks!
  23. Site URL: https://www.hampseshop.com/ Is there a way to change the Hamburger menu in mobile view to desktop menu. Jones Template. squarespace 7.0 Thank You
  24. Site URL: https://www.thulephoto.is Hi guys. I'm trying to build a small porfolio site using Wells. It is in Icelandic so I am trying to get rid of all English in the template. On the mobile version the navigation is a dropdown (I think you would call it) and it's called "Menu". This is of course not going to work. So I would like to exchange that word for the hamburger icon. How can I do this? I am on the personal plan but willing to upgrade to the business plan if necessary. I'm not a coder but still IT savy. Thanks
  25. Hi, can anyone please provide small help in a custom code for hamburger. the code i have produces 2 lines in hamburger icon while hamburger usually have three lines not two so what should i do to make it three. here is the code attached. .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important}
×
×
  • Create New...