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
    • 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

  1. 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
  2. Hello, I'm not sure why my hamburger icon is off of the mobile view/page?? It seems the cart icon is in also in on the problem ha! I've tried adjusting the header mobile layout but it still remains the same. I've even messed around with some css (padding-right) but it just runs into the cart icon. When adjusting the padding on cart icon as well, it just pushes the hamburger icon back off the page. It's almost like the width of the container/div needs to be increased or something?? I basically just need the hamburger icon to not fall off the right side of the page and al
  3. Iā€™d like to hide the mobile navigation menu, and instead just scale out my navigation menu underneath the title of my site when viewed on an iPhone. I do not want to disable the mobile style completely, just the menu drop down. Any way to do this through CSS or code injection? Thanks! My site is dyln.me.
  4. Site URL: https://superfinesocial.com/ Using 7.1 - I removed the Hamburger Menu from Mobile Header as we are not linking our pages to the top navigation. We subsequently lost the social icons as they were within Hamburger Menu. Would anyone have code to insert Social Icons on Mobile Header after removing Hamburger? Please note, we already inserted the following Custom CSS Code to remove the Hamburger Menu from Mobile Header: // Remove Hamburger Menu Icon // @media only screen and (max-width: 640px) { .burger { display: none; } } Thanks in advance to anyone who can assist
  5. Hello, I was wondering if there was a template that someone could recommend and possibly some custom code for the menu hamburger that the client would like centered on the site and on the right - see pics. Thanks in advance!
  6. I am working on a Bedford template and when you have multiple nav bar items the site will automatically change the navigation style so it becomes a drawer with a hamburger menu to accommodate. I have a use case where I would want all navigation items to show, is there any way to stop the template from automatically changing the nav bar? Thanks!
  7. I have used this code to get the hamburger icon instead of navigation bar: .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} @media screen and (min-width:768px) { .header-burger { order: 2; } } However, it has made the cart and instagram icons disappear. Does anyone have any idea how to fix this? Thanks, Claudia
  8. 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.
  9. Site URL: https://tynegate-films.com/ I'm trying to move the burger over, to add padding just to that element, on mobile view for the site however I can't find any custom CSS on the forums to work - can anyone help? Thank you!
  10. Anyone have CSS code to change the word Menu to the hamburger icon on mobile navigation? Thanks!
  11. Site URL: https://cornet-iris-bgm9.squarespace.com/ Hello! I am using this code below to force the desktop version of my website into using the hamburger style navigation, but it seems to be hiding my Cart button altogether. Is there anything I can do to fix this, or does anybody have a better CSS? Thank you! Password: 222 @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header-
  12. 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?...
  13. 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
  14. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/ Hi, I have added a hamburger nav to my desktop site in 7.1 and the logo has attached itself to it! I would like to move it to the opposite side of the page. This is the code I used to add a hamburger //HAMBURGER NAVIGATION// .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, Kelly
  15. Site URL: http://www.magicalsantaletters.ie I was hoping someone could help, please. I would like to have the option to move my hamburger to the centre of the page so that it appears below my logo. Is this possible with custom css? My website is http://www.magicalsantaletters.ie and my password is 1 Thank you kindly! - Aoife
  16. Site URL: https://cindyclaudia.com Hi, can I ask the custom CSS to change the 'menu' to hamburger for mobile and tablet view? I'm using the Wexley template My site is cindyclaudia.com (password: 123456) *If possible, I'd like the 3 lines hamburger menu. But if not, the regular 2 lines is fine too. And next, I'd like to know how to make the menu content full screen when selected (on mobile and tablet) like the examples I attached. Thank you!
  17. Hi there! Apologies if this question has been asked before, I couldn't seem to find the answer to my question. I have my primary navigation position at bottom centre, so it sits on top of the banner images on the website. I have the link spacing at about 2.0em as I want them spaced out. However, the weird little breakpoint between phone and desktop, which I believe to be tablet sizing (?), makes the navigation items stacked, and it looks awful. What I would like to do is to force it to switch to the mobile view/hamburger menu. I know that there is a lot of CSS out there to force
  18. Hi, I have managed to use custom css to get a burger menu on desktop view. How do I get my button to go one side of the header (left) and the menu the other (right) with the logo in the middle? Currently my menu is on the right next to the button. Thanks Lily
  19. 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
  20. Site URL: https://www.lowe-design.co.uk Hi, I managed to remove the hamburger completely by using this code I found. .burger-box { display: none; } When I view my site on my sons iPad, the logo has to much space/padding for my liking. Is there anyway to combine the two in the css, please. I'm only on a standard subscription. Sorry this is my first site, loving using SquareSpace, css is completely new and baffling. Many thanks, Andy
  21. Hi, Not really much more to say aside from the title, but I have injected a hamburger menu code into design > custom css: .header-burger { display:flex!important} .header--menu-open .header-menu {max-width:30%;opacity: 0.75!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important;} .header-menu-nav-item {line-height: 30px!important;} .header-menu-bg {background: black!important;} .header-menu-nav-item > a {color: white!important;font-size: 200%;hyphens: none;white-space: nowrap;} I've edited it slightly, to stop text
  22. Site URL: http://evdwaal.com Is there a way to create a hamburger style menu for mobile with the Wells template? I want the menu to pop up on the left side with a solid white background, while the rest of the website stays transparent in the background on the right. See example pictures.
  23. 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 ena
  24. Site URL: https://www.thesignbridge.com/ I have been struggling to find the correct code to change the PLUS navigation button on mobile when active. It is currently black on a dark grey background so it gets lost. I would like to change the colour to hsl(141, 100%, 81%). Can somebody help me please? My website is www.thesignbridge.com Thanks in advance
  25. 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.
Ɨ
Ɨ
  • Create New...