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, 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. 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. 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:)
  5. Hi... I only have one page on my menu and would like to disable the hamburger menu on mobile. Can't find where 😞
  6. 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?
  7. 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
  8. 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; }
  9. 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!
  10. Is it somehow possible to move the position of the hamburger in the forte template? Centered or left for example?
  11. 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 ☺️
  12. 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.
  13. 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
  14. 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
  15. 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?
  16. 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.
  17. Hello i am desperately trying to move my logo to the left (instead of my hamburger icon i would like to click on the logo and the menu drop down) i am using the fulton template. If this is not possible even just to align the logo to the left. I also want the logo to be a different colour on the home page as it is on all the other pages (white on home page black or other colour on the rest) I have been trying for days at my last resort. thank you to anyway who can help
  18. I am currently using the Blend Template and have questions regarding the header and navigation. I have a placed a folder in the primary navigation menu with (6-7 pages) that drop down. 1. The hamburger icon is a navigation option in mobile, but what code do I need to make it appear when viewing from a desktop? 2. How do I prevent the drop down pages from flowing off the screen? 3. When I click the hamburger icon in mobile, you have to click the folder to get to the pages. How do I bypass that so it is just one step to view the pages?
  19. In the mobile version the bottom header is brilliant, although it would be even better if I could place the hamburger it in the middle: in this way it would reachable with the right thumb. What's the code to change the position in the middle JUST IN THE MOBLE layout?
  20. I have seen several responses related to replacing the Hamburger symbol with "Menu" text in some templates but have not seen one yet that works with the Jasper template. @Paul2009 seems to have figured it out for some people. Would be great if anyone could provide a solution. Thank You.
  21. is there a specific question i can answer? Do you use the Brine family templates?there are two options for navigation; main nav and secondary nav. both can be hidden or displayed in multiple areas. Looking to display the secondary as a hamburger icon (like mobile) but not the main nav.
  22. Hamburger menu not working on HOME page. It works fine on all other pages but, when on HOME page, does not reveal navigation page menu but reveals footer.This only happens in mobile or tablet mode.I have removed all code from this page but trouble still exists.Recently added/edited my home page slideshow. Could this have started the problem?H E L P PLEASE@BrandonW
  23. Our client does not want to see the hamburger on mobile devices. The template we are using is Brine Family - Mojave. How do we remove the hamburger and display the navbar choices on mobile devices?
  24. Hello, Is there a way to change the mobile navigation to Hamburger (vs drop down list) in Avenue template? I have a lot of subfolders and it looks quite busy now. URL: www.onebreath.eu Thank you!!!
  25. I created a website using the Bryant template, the hamburger menu is not working on phones. I have a rotation of gifs on the home (info) page, could this be the reason the hamburger menu isn't working? What do I need to do to get the hamburger menu to work and still have the gif rotation? The website is serenityprofessionalcounseling.com. Thank you for any help you can offer. Janet
Γ—
Γ—
  • Create New...