Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'hamburger'.

  • 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: http://katiecaftravel.com Hi all, when my site is on tablet/phone size the nav bar compresses to a hamburger icon that needs to be clicked to open - problem is it's only working on half the pages! SQ SP help doesn't want to help because I have custom code on my site - I have a custom code side bar I bought from SQ SP Themes https://www.sqspthemes.com/plugins/sidebar-plugin That I thought could be the problem but pages where I have the side bar still have the hamburger working - it seems like a random issue. like it's not working on this page https://www.katiecaftravel.com/indonesia but it's working on this page https://www.katiecaftravel.com/travel-diaries _________________________________________________________________________________ EDIT: The problem is 100% the SQSP THEMES sidebar. I took two identical pages and removed the sidebar from the head code on one and it fixed the issue. Without sidebar: https://www.katiecaftravel.com/indonesia with sidebar: https://www.katiecaftravel.com/mexico So... I mean what to do now? I bought this sidebar for $60 because it was made especially for Squarespace, but it's disabling my hamburger nav on all the pages I put it on (except blog pages, randomly) - Squarespace can't help because it's a custom code issue. Anyone know any quick fixes for this? this is the code I inject into the header: <!-- Plugin Sidebar --> <link href="/s/plugin-sidebar.css" rel="stylesheet"> <script src="/s/plugin-sidebar.js"></script> <script>pluginSidebar({"url":"sidebar","allowedPages":"*"});</script> <!-- end Plugin Sidebar -->
  2. So I want to basically put my hamburger menu in the middle of my page in a block instead of in the header I really can't work out how to do it, I have spent hours searching. I basically want the option of clicking the hamburger after my main content that opens up the overlay page. is there a way to maybe put it in the footer? then I can hide the header on the main page Cheers!
  3. So I have worked out how to force the hamburger but now I am trying to work out how to place the hamburger (which is actually a + sign for me) under the heading title. As you can see I have tried to play around with the different header layouts and it just moves them further right every one I click. I should add if i turn off the forced hamburger/mobile on all devices options the navigation is in the center under the title Thanks in advanced!
  4. is it possible as you scroll down a page to have the nav shrink into a hamburger menu? so 3 lines would be at the top if you are midway/somewhere down the page? and have that hamburger menu pop open on the side or something?
  5. My mobile menu has a really long scroll for no reason? but it only scrolls away the header and the X at the top while the middle links and button sit still. How do I just get rid of the scroll on the mobile menu only so its just a single page? site : https://flugelhorn-seahorse-lzrb.squarespace.com/?p?p pw: design
  6. Site URL: https://scarlet-grape-g5ln.squarespace.com I'm trying to get my hamburger menu operate properly on mobile. Two issues about it are that it's pulling up "The Burger >" instead of the direct menu and the second issue is the transparency, I can't seem to get it to be white and not transparent.
  7. Site URL: https://www.sabustudio.com Hi, I have set up my navigation for desktop, it is all working as I want on desktop, although I am having issues with it on mobile device. On desktop I have integrate this code so the folders redirect to specific pages: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('.header-nav-folder-title[href="/furniture-folder"]').click(function() { window.location = "https://sabustudio.com/furniture"; }); $('.header-nav-folder-title[href="/object-folder"]').click(function() { window.location = "https://sabustudio.com/object"; }); $('.header-nav-folder-title[href="/lighting-folder"]').click(function() { window.location = "https://sabustudio.com/lighting"; }); Although, on mobile the folder navigation does not utilise the redirect link as it does on desktop, it just links to the folder contents. It currently goes as follows: I would like it to go: I am trying to remove/bypass the second hamburger menu page and instead wanting to use the redirect link. This enables better user experience for my product. I'm not sure if its possible to do this, but I imagine there would be a way to do this. Any help would be much appreciated! Thanks
  8. Site URL: https://www.htcreative.co.uk Hiya, i'm trying to right-align the hamburger icon on the mobile display of my site, so that it sits top right of screen but on the same line as my logo. Can anyone help with some code for this? Thanks!
  9. Site URL: https://kaygriffin.com I have a hamburger menu visible on both desktop & mobile. Everything works as expected. However, a brief flash of color occurs on the Nav header after closing out of the Menu Overlay and I can't find the cause. I don't want it to do that. Any idea how to fix?
  10. 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!
  11. Site URL: https://www.acnetkleen.com Hi, My website is acting wonky and is showing the "Hamberger menu (mobile) " on desktop. Sometimes when you play with the window width the normal menu comes back. It should look like the attached screenshot. (Note: There are no options in the Theme back-end to adjust mobile) The website is: https://www.acnetkleen.com Theme is: Bryant I need to reduce the breakpoint OR remove the "Hamberger menu" on desktop completely (or both!) I've tried various codes from other posts/forums on here but nothing works as I think the theme I am working with is too old. Any help would be much appreciated! Thank you and best health
  12. Site URL: https://heron-snail-244c.squarespace.com/ Hi all! Ive set my desktop view to collapse into a burger menu when the screen is smaller than 1050px. It works fine unless I scroll at all, in which case the drop down menu is no longer visible when I click the burger. This only happens on desktop, its fine on mobile. Can someone please help? Below is the custom CSS Im using. TIA! Link is: https://heron-snail-244c.squarespace.com/ (not yet published) PW is: N3w$ton3 @media screen and (max-width:1050px) { .header-nav, .header-actions { display: none!important;} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible; width:50%} .header-menu .header-menu-nav a {font-size:1.25rem; padding: 0rem} }
  13. Site URL: https://www.joannestonedesign.com/ Hi, I need some help. I added a hamburger menu in my desktop version. I wanted to know if there is a possibility of removing that white / gray bar that appears in the menu. Also I changed the default cart of squarapace for the word CART but it does not appear in the mobile version. Does anyone know how I can solve that? pls help. thank you very much, InΓ©s
  14. Site URL: https://www.ultimategearlists.com/ I am using Squarespace 7.0, with the Five template. The link to my site is: https://www.ultimategearlists.com/. My desktop navigation menu has grown, and now has too many elements to fit in a single line when viewing on a narrower desktop or a tablet. I would therefore like to use an arbitrary breakpoint (say around ~1200px) below which the navigation bar changes to a right-aligned hamburger icon and clicking on the hamburger icon will produce a drop down navigation similar to mobile. Unfortunately the breakpoint for switching from desktop navigation to mobile navigation (i.e. hamburger) appears hardcoded in the Five template, at 640px. So I likely need to use custom CSS to get around that. I have tried various custom CSS approaches based on other forum posts, but none seem to work. Perhaps since they aren't suitable to the Five template. Any assistance would be much appreciated!
  15. Site URL: https://taranaomi.squarespace.com Hi Everyone! I'm wondering if someone could help me out with changing my navigation typeface to a custom typeface. I was able to change to a custom typeface for my h1, h2, h3, p etc. but for some reason can't change my links within the hamburger navigation itself. So far I have this; @font-face { font-family: 'Voyager-Regular'; src: url(https://static1.squarespace.com/static/6015f371cbc71f649dab977e/t/6052b16db706164bacfb8e7a/1616032109736/Voyage-Regular.otf) } h1 { font-family: 'Voyager-Regular';} h2 { font-family: 'Voyager-Regular';} h3 { font-family: 'Voyager-Regular';} h4 { font-family: 'Voyager-Regular';} p { font-family: 'Voyager-Regular';} .header-nav { display: none; } .header-burger { display: flex; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } I've attached screenshots so you can see what I'm referring to. Headings work great on my other pages, it's just the links within the hamburger menu that won't change for both mobile and desktop.
  16. 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
  17. 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
  18. Site URL: https://keyboard-jaguar-k52z.squarespace.com/ Hi there, I'd like to split the overlay menu into 2 columns, something like the image attached. This is the website I'm working on: https://keyboard-jaguar-k52z.squarespace.com/ Password: tpt-2021 Any suggestions? πŸ™‚ Thanks!
  19. Site URL: https://gecko-kangaroo-fesb.squarespace.com/ I've just successfully used the following code to change the navigation menu to a hamburger and to make the hamburger larger @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible;}} .burger-inner .top-bun, .burger-inner .patty, .burger-inner .bottom-bun { height: 6px; width: 50px; } .burger--active .burger-inner .top-bun, .burger--active .burger-inner .bottom-bun { width: 50 px; } .burger--active .burger-box { right: 30px; } But, I also want to insert the word 'Menu' above it. I've tried this: /* Menu text */ .mobile-nav-toggle:before { content: "Menu"; position: relative; left: -50px; } But it didn't work Thank you in advance
  20. Site URL: https://www.cuisinesteam.ca/main Hello! I am trying to add a hamburger menu on the desktop version of my website. Is there a way to force the mobile hamburger menu to show on desktop? Thank you!
  21. 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
  22. 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.
  23. Hi, Not really much more to say aside from the title, but I have injected a hamburger menu code into design > custom css: @media screen and (min-width:950px) {.header-nav, .header-actions { display: none!important} .header-burger { display: flex!important;} .header--menu-open .header-menu {opacity: 1; visibility: visible;}} But this has now stopped the shopping cart from appearing. Is there anyway I can have both the hamburger menu & shopping cart on display. I'm using Squarespace 7.1. Any help would be greatly appreciated! Thanks!
  24. 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.
  25. Site URL: https://hyperboloid-owl-e8p4.squarespace.com/config/pages On mobile devices the hamburger menu appears but it is barely visible obscured by the header. I'd rather people be able to see the normal navigation on a small screen.
Γ—
Γ—
  • Create New...