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://studiofurks.com/ Hi, I wanted to make sure that on the mobile version my website, the 2 page links that I have would appear without the need of using the hamburger menu. Example of what I'd like: Link to current site: https://studiofurks.com/
  2. Site URL: https://www.grahammarriott.com/ I'm trying to overcome the lack of ability in SS 7.1 to set the mobile breakpoint. I can't seem to find a way to keep the desktop header, with Site Title on left and Navigation on right. I only want the hamburger on mobile devices, not on iPad in portrait. Header background is transparent... New to 7.1 here, any and all help is greatly appreciated. Thank you!
  3. Site URL: https://sealion-tetra-dsdy.squarespace.com SITE PASSWORD: easternskye Hi there, I used coding to get the navigation menu visible on all platforms, and also found a code to center the logo with that, however, even though it kind of appears centered it isn't. When I make the hamburger navigation not visibile, then the logo goes visible, so it seems the hamburger is pushing the the logo a little to the left. see coding that I am using: .header-title-logo { text-align: center; } /*hamburger*/ @media screen and (max-width: 5000px) { /* Display burger icon at all widths and align right */ .header .header-burger { display: flex; order: 2 !important; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } }
  4. Site URL: https://sheep-tetra-sgjg.squarespace.com/paintings-drawings Hi, When previewing my site on mobile, it looks like the hamburger icon is just slightly too far to the left of the screen, making it off-centered. Is there a way to make it centered on every mobile device? Thanks!
  5. Site URL: http://revelucent.com Hi all, Recently, I've got an issue with mobile ver.website. Website is moving around on the mobile and also part of Hamburger icon is hidden on the right side of screen. Anyone knows how to fix the website more mobile friendly and keeping it not moving? Thanks!
  6. subj: hamburger appearance - in 7.0. , brine template Dear all, A topic I have seen, but nowhere the solutions seem to work for me. I have a hamburger Icon on the top right in mobile view, and want it to display NOT in a colored header bar but as overlaying the banner image that is on the "home" page. Is there someone out there that could help me please? thank you! marion
  7. Site URL: https://beyondspace-showcase.squarespace.com/custom-hamburger/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo Hi my friends, I've been asking alot about applying fancy hamburger animation to Squarespace, so I tried to create a tool where the various animation can be fit well with Squarespace markup Access to this page for the step-by-step instruction to copy and paste the final code into your custom css, it will replace the current animation https://beyondspace-showcase.squarespace.com/custom-hamburger Note: This solution is specifically for applying custom animation, with options to change color of normal and active state, other term such as width or thickness will need to be implement manually videos.mp4
  8. hey everyone, I'm trying to keep the hamburger menu on desktop. I've managed to do it, but can't seem to get my logo in the center. can anyone help? here's what I've done so far: @media screen and (max-width: 5000px) { /* Display burger icon at all widths*/ .header .header-burger { display: flex; } /* Make burger menu visible at all widths */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } /* Hide primary navigation menu */ .header .header-title-nav-wrapper .header-nav { display: none; } /* burger position */ .header-display-desktop { flex-direction: row-reverse; } } https://janetesilveira.squarespace.com/ ps: 1234
  9. 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 searching for ages and can't seem to find the answer. Thanks so much in advance x
  10. 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.
  11. 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.
  12. 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
  13. 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 NOT a coder 🙂 Thank you, Nicc
  14. 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!
  15. 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!
  16. 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 :~)
  17. 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!
  18. 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 { margin-bottom:-50px; } #mobileMenuLink a:after { content: '☰'; color: black; width: 100%; text-align: center; text-size: 25px; position: absolute; top: 0; left: 0; } I have tried solutions on similar posts—but whatever i try, i cant get it to work for tablet views. I have tried placing the code within breakpoints (im not great at coding so, im just stabbing in the dark), the code below has the variable set near the top of the css file (variable: @tablet: ~"only screen and (min-width: 751px)";): css code @media @tablet { // Code here } Should this work, or Im i approaching the problem incorrectly? I have attached screenshots from my mobile that i want to mirror for the tablet. I appreciate any help given. https://www.on2design.co.uk
  19. 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!
  20. 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.
  21. 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 also have some adequate spacing for the cart and cart number icons. See attached jpg screen shot. Thanks for the hep ya'll!
  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. 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.
  24. 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!
  25. 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
×
×
  • Create New...