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://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!
  2. 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; } }
  3. 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
  4. 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!
  5. 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
  6. 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 a hamburger menu globally, but I would just like it for mobile, tablet portrait and landscape. I'm using Brine. Thank you so much!
  7. 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
  8. 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
  9. 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 wrap in the menu, make it a certain width and opacity, and increase text size and line height. Before I added variations to the code, the cart was not visible, and I did not expect these additions to change that either obviously, but I am not sure what to insert to make the cart visible, separately from the hamburger menu. The cart/checkout icon is not visible on the page anywhere, nor the hamburger menu when open, however social links are. I would want the cart to be visible on the right hand of the header if possible Any help would be appreciated 🙂 Thank you!
  10. 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.
  11. 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
  12. 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.
  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. Is there any way to slow down the transition between the menu from the two lines to the cross?
  15. Site URL: https://blackbird-trout-b2n3.squarespace.com/ Hi, How would I move this hamburger over to the right next to the cart? password: password Currently have this code in CSS: .header-burger { display: flex; }
  16. Hello, I have a custom code that I am using for my main navigation bar on my website. It looks great on my desktop but I can't seem to put it in the mobile menu on Squarespace 7.1. could anyone help me as to how I can insert the custom code into the mobile menu? Thank you!
  17. Site URL: https://avocado-tangerine-n2wl.squarespace.com/ Hi there. I'm having trouble adjusting the mobile header on my site. I'm using Archer in 7.1. In my header on the desktop view and I can see my social links in the top right corner but on the mobile view the social link disappear. I know they are moved to the drop down menu but wanted to know if there was away to keep them in that top right corner in the mobile view. Is there also a way to make the X in the dropdown visible and instead of the white border, is it possible to keep the green image I am using as the site background?
  18. Site URL: https://www.gosolarinnevada.com/ I'm using my main navigation menu to toggle my site between Spanish and English, but this doesn't work well when it collapses into the hamburger on mobile. Is there a way I can prevent that from happening? My site is here: https://www.gosolarinnevada.com/ Thanks!
  19. Site URL: http://www.openonabeach.com Hi, I'd like to create a transparent header with a frozen hamburger menu on desktop -- in the York template. What I'd like it to look like, for reference: www.astegutierrez.com Is that possible? Have tried code from other forums for other templates and they didn't work for my site. Thanks in advance!
  20. Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/design/custom-css Hi, I am trying to move the hamburger navigation on my desktop from left align to right align. Can you please help with what css I should use? This is the code I used to put the hamburger icon on the desk top view: .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 for your help 🙂 Kelly
  21. Site URL: https://soybean-flute-42kz.squarespace.com/ Hi, I have a question regarding the burger and x icon placement on my mobile site. I can't control it in the way I would like to. Which would be to line it up with the top of the logo and the right edge of the content. I have no idea what the setting currently is, and I don't know the padding around the content either (I set it to 'medium' whatever that translates to) The code I currently use is making it roughly ok, but ideally I would like it to be EXACTLY ok. .mobile-nav-toggle-label .Icon--hamburger { margin: -40px; } body.mobile-menu-open .mobile-bar-wrapper .mobile-nav-toggle-label .Icon--close {margin: -40px;} Password to the site is Sandy Any help would be amazing. Thanks
  22. 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.
  23. Site URL: http://pleasurecontrol.org Hi there Is it possible to get the exact same burger menu from the mobile version to the main site. Already, I know that I will have too many navigation links so if I could hide the links in a burger menu, it would be most preferable. I customized my burger menu icon, so if I could just force that on to the main site it would be perfect.
  24. Site URL: https://justmeatsdeli.com/ How can I hide the menu icon with 2 lines and keep the icon with 3 dots on mobile using CSS? Site: https://justmeatsdeli.com/ Password: 123
  25. Site URL: https://fifty-fifth.com/about Hey! I have been using this code to change the colour of my burger icon (when on mobile) but recently it seemed to stop working for some reason: .burger-inner:after { background: #ffc800 !important; } .burger-inner:before { background: #ffc800 !important; } I have tried it out on a friends 7.1 site that has zero additional CSS and it didn't work on his either. I was wondering whether Squarespace have updated their software to block the code or if there is a way around it to re-apply the colour change? At the moment it is just the default colour of the section theme of each page. Thanks!
×
×
  • Create New...