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.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!
  2. 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
  3. 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}
  4. 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
  5. 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
  6. 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!
  7. 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!
  8. 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
  9. 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!
  10. 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
  11. 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.
  12. 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
  13. 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
  14. 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.
  15. Site URL: https://www.jasco.com/ I added a Notification bar to my site, and styled the layout a bit with custom CSS. Now on mobile view, the menu icon is missing (see 1st attachment). I can still click the bar to show the menu, but this is not obvious to the user now that the icon is missing.Once I dismiss the notification bar, the icon returns (see 2nd attachment). Did I do something wrong, or has anyone else encountered this bug?
  16. 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...
  17. 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
  18. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  19. 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.
  20. 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
  21. 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?...
  22. 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:)
  23. Hi... I only have one page on my menu and would like to disable the hamburger menu on mobile. Can't find where 😞
  24. 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!
  25. 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; }
×
×
  • Create New...