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. 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.
  2. 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
  3. 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.
  4. 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 :~)
  5. 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!
  6. Anyone have CSS code to change the word Menu to the hamburger icon on mobile navigation? Thanks!
  7. 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
  8. 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.
  9. 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!
  10. 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.
  11. 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!
  12. 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!
  13. 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
  14. 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.
  15. 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!
  16. 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--menu-open .header-menu { opacity: 1; visibility: visible; } }
  17. 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
  18. 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
  19. 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
  20. 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!
  21. 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
  22. 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
  23. 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.
  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. 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
×
×
  • Create New...