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. 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
  2. Site URL: https://www.shorebrookpartners.com Hi there, I was wondering If someone could please help me with an issue I am facing! I have named a navigation folder "ā˜°" so that I could get the hamburger icon on desktop for my clients website. However, when this is viewed on mobile, it shows the icon twice (for instance if It was named "menu" it would be ā˜° > Menu > About / Clients etc etc) so it currently shows ā˜° > ā˜° > Clients etc. Is there a way of getting rid of the second icon in mobile? I've been on chat with someone but they directed me here! I've been search
  3. Site URL: https://www.loveincsheboygancounty.org/ I have a website with the Bryant template and have received feedback that the hamburger menu that shows up on mobile (or when the browser window isn't full width) isn't clearly a menu and that they would prefer that it just say "menu". Ideally I would like to change the hamburger menu icon to just read "Menu". If that's not possible, I'ld like to place "Menu" text directly beside it. I have searched the forum and tried dozens of codes to no luck.
  4. Site URL: https://goby-oarfish-j8jm.squarespace.com/ I have a problem with the Hamburger being aligned correctly in the desktop mobile simulation but when you actually view the site on a phone it's not aligned with the edge of the grid (screenshot from iPhone below). Is anyone able to help me out / know how I could fix this or manually align it? It's made using the Novo template. If anyone can suggest some code to inject to rectify the problem please drop it in here, i'll be forever grateful. Cheers!
  5. 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
  6. Site URL: https://redsquirrelcreative.uk/ Hi there, I am looking for some custom CSS to change the icons for my mobile hamburger icon and the close icon once the menu is open. I am using Squarespace 7.1 with the Utica template if this helps. Any help would be greatly appreciated. Kind regards, Chris.
  7. Hello everyone, I added some codes to have a multilingual website. All looks great (it's both in French & English) but the navigation menu won't display as usual. I'm on the desktop and to see the navigation menu in all pages, I have to click on the 'hamburger' icon at the top right to see the different pages (please see image below) Can you please help? Thanks
  8. Site URL: https://www.missjesscraven.com Hello squarespace world, I'm looking for custom css to add that will change my mobile navigation from MENU to the hamburger icon. I found this: /* HAMBURGER NAVIGATION */ #mobileMenuLink a:after { content: 'ā˜°'; color: black; width: 100%; text-align: right; position: absolute; top: 0; left: 0; } But that just added a hamburger icon in the top right corner but didn't replace or change the current menu on mobile view. Thanks!
  9. Site URL: https://www.verasounds.com Hi everyone, First post from me, but have already learnt a lot from all the posts here. Currently creating a new website in 7.1 and have used a plugin to force the hamburger menu on Desktop view. Which I love....Only problem is - the "Sign Up" button is now only visible in the menu and no longer in the header. Any tips on how I can force the "Sign Up" button to still show on the header (ideally hamburger left, logo middle, button right). Website is www.verasounds.com (WIP) password: vera Any tips would be super helpful. I AM
  10. 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.
  11. Site URL: https://www.on2design.co.uk Hello all, Im in desparate need of help, as this is driving me mad!! :( I am using the Avenue template and ! am trying to integrate a hamburger icon into my site to show on mobile and tablet (portrait and landscape view) as my navigation layout breaks in these views. I have am able to get a hamburger to work on mobile using this code: // create hamburger icon // #mobileMenuLink { position: relative; margin-bottom:0px; } #mobileMenuLink a { color: transparent; } #mobileNavWrapper.wrapper { margi
  12. 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
  13. Site URL: https://www.thepinkchampa.com/home Is there a way to move the Customer Account Link to the Hamburger Menu ? Currently the Mobile Break Point is set to 3600px so that I can have the Hamburger Menu visible on all platforms. But the Customer Account Link is showing on the header but outside the Hamburger menu. I would like it to show inside that menu.
  14. Site URL: https://zeronineobjects.co.uk hi, a) how do i make the title 'shopping cart' centred on the cart page on desktop and also on mobile b) when i open the store on mobile, the title 'store' is to the left. i'd like it to be centred if that is possible c) i currently have the + to x menu icon and i would like it to be smaller to 14px password is zeronine thank you :~)
  15. Hi, I'm trying to align my button to the left in my header menu, to go before the social media links - is there code for that? I have already added code to for the mobile hamburger menu. AND is it possible to add an additional button beside it in the left aligned spot (same style, different link)? Thx!
  16. Anyone have CSS code to change the word Menu to the hamburger icon on mobile navigation? Thanks!
  17. 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
  18. I'd like to have the page links showing instead of hiding it in the hamburger menu on mobile. Is there a way to do so? I tried using a custom CSS that I found on another forum post but it didn't work. I'm also using the Cole template if that helps anyone Here's a picture of something that I would want to see in a mobile view! Thank you!
  19. Site URL: http://ulo.io Anyone know how to delete hamburger icon from main navigation mobile view? I don't have any main navigation pages so I don't want the hamburger to show since it leads to a blank page.
  20. 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
  21. 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
  22. 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!
  23. 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!
  24. 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
  25. 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.
Ɨ
Ɨ
  • Create New...