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
  • Squarespace Forum Club Guidelines'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

Found 36 results

  1. Hi, Thanks to this forum I now have a hamburger icon on my desktop. But is there a way of adding 3 lines instead of just 2 – or making the 2 lines slightly thicker? In Safari it's a little hard to see it in the top right corner...
  2. Hello, I'm working on my new website and I've got my own little thing that I want as a mobile hamburger menu icon. My problem is it does not center in the bounding box (term?), how do I fix this? Image for reference: Icon image adress: https://i.imgur.com/DcVdG9q.png CODE I'm using right now: .burger-inner:after { content: ""; background-image: url(https://i.imgur.com/DcVdG9q.png); background-size: contain; background-repeat: no-repeat; background-position: left; background-color: transparent !important; display: block; width: 30px; height: 30px; } .burger-inner:before {display:none;} Thanks before hand, John
  3. Site URL: https://www.thevisualpharmacy.com/ Hey peeps, So iv'e got my test site live for you guys to checkout, I don't have much of a need for the hamburger menu that comes in once it reaches the media query at 991px. Iv'e tries adding code to the head of the page from my setting to git rid of it and get my normal social icons back up, but i think i'm targeting the wrong thing with my css? i can't figre out the problem. when I want to change something I usually run "inspect element" and figure out what I need to target from their. thanks for the help you guys.
  4. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  5. 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
  6. 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?...
  7. Site URL: https://autumnfarmsanctuary.org/ Hello! This is my first post on any forum! Woohoo!! Anyway, I have way too many pages on my homepage and I like the clean "hamburger" icon look. I've tried to put some CSS codes in, but they move everything around weird. If anyone has any input, it would be appreciated:)
  8. 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
  9. Hi... I only have one page on my menu and would like to disable the hamburger menu on mobile. Can't find where 😞
  10. I'm using squarespace version 7.1 and all I want to do is disable the hamburger nav icon on mobile. None of the answers on I've seen on the forums work, and unfortunately my company won't let me share the url. Is there a simple way to do this?
  11. Site URL: https://trevorhughesphotography.com Hello! I'm running into an issue where the hamburger bar is locked on the bottom left corner of the mobile version of the Ready-template I'm using. I contacted support and they referred me here as apparently this template doesn't support moving the hamburger bar around automatically. I was hoping someone might know how I can get the bar to the top left of the mobile version. Something else to note is that I believe since the bar is stuck to the bottom left corner, I'm unable to view the mobile-info-bar even though I have it enabled. I'd love to add the mobile bar to my mobile site. Any help is appreciated! Thanks!
  12. Hello I am using the pacific theme for a client, and they specifically requested the hamburger menu icon. The issue they would like changed is that when you click on the hamburger icon, the menu comes up full screen, they are hoping for something half page, and with much smaller font size. Right now it is full screen and the font size is huge. Any help would be much appreciated! Thanks David
  13. I'm on 7.1 and I have a CTA nav link that takes you to a location on the page via id. If the CTA link is clicked in the hamburger menu it scrolls down to the id but doesn't close the menu. Not only is the menu overlapping the page, it also hides the close button for the menu. Anyone have suggestions on closing the hamburger menu after clicking the id link? I can't seem to use javascript in the link, otherwise I could even just reload the page with the correct id attached.
  14. 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
  15. I've been trying to change the size of the hamburger icon using the Fulton template but have not been able to figure it out. Using the code below changes the size of the label that can be clicked but not the icon itself. font-size seems to not make any changes either. I'm not sure if the actual icon element has a different name or where I'm going wrong. Any help would be appreciated. .mobile-nav-toggle-label.show-on-scroll-mobile { width: 200px; }
  16. 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!
  17. I need css for changing the hamburger icon from 3 lines to 2 lines in mobile in the york template. in site styles I only see options for changing the weight of the lines and the color, not the number of lines. Anyone got anything for that? THis is what I have This is what I need it to look like, I know there are other differences, but this is what i'm starting with!
  18. Is it somehow possible to move the position of the hamburger in the forte template? Centered or left for example?
  19. Hi there, I was wondering if anyone could help me. I am using the FIVE template and I want to have the navigation in mobile and tablet mode set up as a hamburger icon (for vertical and horizontal display). For desktop mode I want to stay with the banner and logo. It seems that it only allows me the hamburger display for mobile, vertical view for now. Does anyone know a custom CSS? Thank you very much in advance ☺️
  20. Hi, I would like to use a hamburger menu on Brine Template (Desktop) I chat with the customer service and understand that it might be able to do it with custom codes. Any help. Thank you.
  21. Hi everyone, I just published my e-commerce site and have heard some feedback (from those viewing on mobile) that: "it's not clear enough that there is more product than what appears on the homepage". My homepage displays New Arrivals only. I want to make sure it's obvious that I have much more product on my site. Ideally I'd love to change the hamburger menu icon to just read "Menu", or alternatively place "Menu" text directly beside it. There is no way to do this in the theme I'm using (Clay) and I really want to avoid changing the theme. Does anyone have any ideas or code they could share with me, that could help me accomplish this? I should add that I don't have any coding experience. Thanks in advance for any help or advice! JF
  22. 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???
  23. My hamburger button is below my logo on mobile when live instead of how it previews on mobile viewer on Squarespace desktop. How can I get the hamburger button to align right and logo on left?
  24. site: tonetension.com password: erikwiss When I browse on a mobile phone in portrait mode the title "Tone Tension Productions" overlaps the hamburger navigation icon. How do I fix this? Thanks guys
  25. Hello, I have recently implemented a hamburger menu for a website I am working on for the desktop & mobile versions. I was previously using a nice code that underlines the navigation menu when you hover over the links, now that I have switched to a hamburger menu style I was wondering if I could slightly alter my code to target the hamburger menu navigation? I am assuming I can re-target the code to work the same but just targetting the hamburger menu nav instead now. Below is part of the code I am using - I have highlighted the part it currently targets which was my old navigation menu. Is it as simple as replacing header nav a with the source for the hamburger menu nav? Does anyone know how to target this section of the site and if so what is it? // Left Nav Line // @media all and (min-width:840px){ header nav a { display: inline-block !important; float: left; } I am using the original version of squarespace and I am using the brine template - I've changed the mobile break point so I could achieve the hamburger menu, now I would like to have the ability to underline the navigation options when a user highlights over them.
Γ—
Γ—
  • Create New...