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
    • Resources
  • 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. Hey everyone, I just started using Squarespace free trial, and I am just starting with the design of my website. I am pretty happy with how the desktop site looks but not really with the mobile website. What I want to do is keep using the desktop navigation menu on mobile, because on mobile the menu becomes a hamburger, but I just want to keep the text on the website because otherwise it looks kinda empty on mobile. I added images on how I want it to be, you can see that it is just the regular menu instead of the hamburger. Thanks!
  2. 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 -->
  3. Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner.
  4. Site URL: http://www.wonderneath.com Hello, On our home screen and a couple other random pages, whem the hamburg icon shows up the information that usually shows is replaced with the footer info and messes up the whole function of the page. I don't know why this happened and I can't seem to fix it. Any insight would be super helpful. I have attached two photos, one is the footer as the navagtion bar and the other is a page that is fuctioning normally. Url is www.wonderneath.com Thank you.
  5. Hi all, I've been looking to have a hamburger menu on my desktop. I've seen some code around that allows this to be forced, however, I was wondering how far this can be tweaked. I discovered this website: https://www.settlenorfolk.co.uk/ which has a really nice burger menu where the background image changes on hover. How easy would something like this be to achieve? Thanks, Dan
  6. Site URL: https://chinchilla-clementine-eb7a.squarespace.com/ I'm looking to make a page that works more like a mobile app -- so I would like the front page to basically just be the mobile menu as it is when you click the hamburger icon. Is this possible?
  7. Site URL: https://www.dotdot-shop.com/shop Hello, I was just checking on the (almost) finished website on mobile devices to make sure everything works fine, and figured that the hamburger is moved. I checked on the inspection from chrome (green circled), and it looks okay from there. But on actual device, my phone, it comes off. (red circled) I need this to align with the table of contents margin- just like the one on the top image.. or at least give enough space between the cart icon and the hamburger because it was pretty hard to click. PW to the website is: dotdot-shop It would be great to get some help since this is like I don't even know what the problem is... Thank you so much!!
  8. 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
  9. Hi, When I click on my hamburger on my desktop site it opens a white block on the right side as well. Any chance it can be removed? Thanks!
  10. Hi, Any clue on how to reduce my hamburger menu on mobile? Right now when clicking on the hamburger the overlay takes the whole screen and I'd like for it to take half of the screen. The desktop hamburger menu overlay only takes 1/3 of the page for example when opened. Thanks! https://wolverine-polygon-atzy.squarespace.com/config/ password: jewellery21
  11. Hi, I have a line under my burger on my desktop site but only in my store page and I would like to remove it. Thanks for the help!
  12. I need some help with getting a simple CSS code that adds a divider/separator between my 4.th and 5.th menu page. I have a total of 8 pages on the hamburger menu and need to separate half of them from the other half. I have squarespace 7.1. This modification would only apply to the mobile version of the site.
  13. Hi there looking to create a menu similar to the one on the left here https://www.uncommon.london/ with the about, contact, who. however we want these hidden in a burger menu and only revealed when the user hovers over them. They don't need to click through to any pages just reveal the info when hovered over. Would this require CSS ? Thanks
  14. Site URL: https://swan-arugula-5f75.squarespace.com/ Site password: 12345678 Template: Carson Currently my site shows both the social media buttons and the navigation bar. My home page already has the main navigation as an index page. I want to continue showing my social media buttons but make my main navigation a hamburger menu only on the home page. Is there any way to do this? So in the screenshot attached, basically make "Home", "About", "Divisions", and "Contact" and hamburger, and always show the social media buttons. Thanks so much in advance!
  15. 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/
  16. 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
  17. 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!
  18. 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!
  19. 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.
  20. 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?
  21. 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
  22. Site URL: https://www.brunhilda.cz/ Hi, I would like to know if there is any code to change WELLS mobile navigation hamburger menu, so it does not cover the full page. so from this: to this (or something similar :): Thanks so much for your advice!
  23. 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!
  24. 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.
×
×
  • Create New...