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. Site URL: https://www.sarahduvivier.com I currently have a hamburger menu on my desktop site but was wondering if instead of taking up the full page I was wondering if there is a custom css code to achieve something like this when you click on the Hamburger button. I want the menu to only take up some of the screen, not being the full screen if that makes sense. My site is https://www.sarahduvivier.com Thanks for the help.
  2. Is there any way to slow down the transition between the menu from the two lines to the cross?
  3. 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; }
  4. 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
  5. 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!
  6. 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?
  7. 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!
  8. 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!
  9. 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
  10. 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!
  11. 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!
  12. 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
  13. 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!
  14. 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!
  15. 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
  16. 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
  17. 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}
  18. Site URL: https://smilodon-tuatara-58b9.squarespace.com/ Hi guys, I would like some CSS for this: The menu turns into a hamburger icon for ipad/mobile, but appears on the left side over the logo.. (I changed the logo location with code) I would like the hamburger icon to appear on the right side, but so far nothing worked... Thanks! PW: Amsterdam86!
  19. Site URL: https://chiton-tarpon-t78k.squarespace.com/ PASSWORD: socialspirits Hi there, I want to edit my site so that the header button "Schedule a Consultation" is still able to be seen on an iPad and mobile. I would like to remove the hamburger icon. I also do not need the other page links, "Home, About, Our Legacy, and Press" on the mobile/iPad screens. Can anyone provide me with the code so that the mobile and iPad headers only showcase the Logo and "Schedule a Consultation" button? Thanks! Kendall
  20. Site URL: https://oboe-llama-j4r7.squarespace.com Hello, I am using the ‘Ready’ template and I can't figure out how to make a few changes to the menu. Does anyone please know the codes to make the following changes: How to reduce the width of side navigation menu ? (see attached image) How to change the background colour of the menu (see attached image) How to move this same menu to the top right (instead of the ‘search icon)? https://oboe-llama-j4r7.squarespace.com Password: readytogo Thanks in advance, cC
  21. Site URL: https://augustussung.com hello all, I'm using the Forte template. I realized that on mobile, the hamburger menu selections are camouflaged with my BG image. How do I give it a white background, and also make it full screen and centralized? Appreciate all the help. Thank you all!
  22. Site URL: https://www.magicishappening615.com/ Hi, I am wondering if there is any way to move the placement of the hamburger icon on the mobile display, while using 7.1? Is there any css for this, or am I stuck with it how it is? I have removed the shopping cart for now, and that made it look better, but my client wants the shopping cart back and it doesn’t line up well at all when that happens. Any help is greatly appreciated.
  23. Site URL: https://smilodon-ocelot-my5f.squarespace.com/ Hi, I've added a new animated logo - now it's misaligned with my hamburger nav icon - how do I match them up?... passcode: trythis
  24. Site URL: https://smilodon-ocelot-my5f.squarespace.com/ Hi, How do I line up the hamburger nav icon to the edge of the image? passcode: trythis
  25. Hey, I was wondering if anyone can suggest a way to have the hamburger navigation menu, which is organized in the usual folder structure, on a single page, where the folder elements are accessible by scrolling rather than clicking. Ideally the folder names would still be listed in a seperated font or something. The folder structure should definetely still stay the same on desktop with the folders popping up when hovering over them. I attached a quick mockup what I would imagine it to look like.
×
×
  • Create New...