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

Search the Community

Showing results for tags 'mobile menu'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://photoguy.com Hello. Can anyone help with the CSS for changing the colors of the mobile menu active, hover, etc. I'm trying to make the experience consistent with desktop vs mobile versions of site. I like to show links as blue, the page your on as black and pages you hover over as green. Can anyone help with this please?
  2. Site URL: https://claireguillonfilms.squarespace.com/ Hello there, I've managed to make a site with a transparent forced mobile menu. I would like to make the fixed header opaque on scroll though. Is there any way to do this with some custom css? It looks great as it really works on the index overlay, until you scroll and then it looks a bit weird. The code that I used to achieve this is: .Index-page:first-child, .Main--page, .Main--blog-item, .Main--products-item, .Intro { margin-top: -85px !important } I'd appreciate any help - thanks! Alisha
  3. Hello. I was wondering if it is possible to have a mobile menu slide in on the left side of my site when someone clicks/taps on the hamburger menu button. I have a video down below to show a better example of what I have in mind. If anyone knows how to do this please reply to my message and let me know how to do it. Thanks! IMG_3795.MP4
  4. Site URL: https://www.inkblotastrology.com/ Hello! My 7.1 website is just one page (the home page) so I hid the mobile hamburger menu using some code. But the issue now is I think the hamburger is still technically there taking up space or something because the header is too wide for mobile now; the whole site doesn't stay centered because the header width is too long with my logo at the size it's at with the hidden hamburger menu. I attached a video to show what I mean. This wouldn't be an issue if Squarespace allowed us to remove the mobile menu, but they don't yet, so it's gonna have
  5. Site URL: https://cibusconsulting.com Hi, I've been having trouble adjusting the font and button color on the mobile menu. This is what it looks like now. I'd like to change the font (make it look less thick) and adjust the button outline & hover fill color. Thanks! Robert
  6. Site URL: http://www.restaurantayla.com Hello, I am working on a site design for a new restaurant, I am stuck on 2 different levels, here are my questions : 1) How can I make the AYLA logo, go from side to side of the screen, full width? 2) Regarding the mobile navigation, is there a way to disable the mobile hamburger nav and just keep the same as the desktop version? but stacked? restaurantayla.com Password is "ayla" I am on Squarespace 7.1 Thanks in advance!
  7. Site URL: https://ellifischer.de Hello, I have already tried a lot of things, but have not yet come to a result. I would like the mobile menu not to open over the whole page when you click on it, but only so far that you can see the menu items and the X, from the right. The X should be in the top right corner. The rest of the website should still be visible. I get it with the code: .mobile-overlay-menu { width: calc(~"70% - 60px"); } that the menu does not cover the entire page, but neither transparency. Can anybody help me? Thaaanks!
  8. Site URL: https://www.birdmafia.com On desktop version of site the social icons look great. When on mobile and you click the 3dot icon, they show up but way too big. Is there a way to resize them just on mobile and leave the size on desktop alone? Searched quite a bit and couldn't find anything.
  9. Site URL: https://www.christinadelfino.com I'm having a few issues on my mobile site. I'm very new to this. 1. Mobile menu gets stuck in a folder every time. If you click the arrows to see the pages within a folder, the menu will get stuck inside that folder. There is no back button and no "x" to leave the new menu. Since you can't "x" out or back out, you must click a page within the folder. Once you land on that page, if you try clicking the menu button again for all the options, you'll see that it's still stuck in the previous folder options, preventing you from navigating anywhere
  10. Site URL: https://www.justinphang.com/ Hey there! My current mobile menu background is just pure grey and I would like to put an image to it: And preferably the navigation at the lower left corner of the image, How should I do this?
  11. Site URL: https://www.palliumcare.com/ I am attempting to move the submenu on the mobile view into the regular menu. I would rather have it appear on one mobile menu screen instead of clicking to get to the mobile SUBmenu. Preferably it would be slightly smaller in text or possibly indented to show that it's a submenu. Thanks for your help!
  12. Site URL: https://heartpainter.com/ Discovered a major mistake I'd made in redoing my heartpainter site. Might save someone else some trouble. I'm using Wells, so navigation is in the left sidebar. I had thought it would be convenient for viewers if I set the navigation sidebar as fixed, so they could hop to another page after they'd scrolled down a bit. Works great on desktop. On tablet, it made it impossible to scroll down the navigation to see some of the secondary nav. Even worse, it caused trouble with turning the tablet view from vertical to landscape. Totally wrecked the pag
  13. Site URL: https://heartpainter.com/ I changed some site design colors today, and didn't notice for quite a while that if the mobile menu background color is now the same as the "nav active" color, with white text. It used to be white with black text, which I'd prefer. Or at least, I'd like to be able to adjust the menu background by itself. This seems weird to me. I'm using Wells template, if that matters.
  14. Does anyone have any code to change the font size and spacing in mobile navigation menu in 7.1? Thanks
  15. Site URL: https://lizard-chartreuse-ftf8.squarespace.com/ Hello community! https://lizard-chartreuse-ftf8.squarespace.com/ Password: solar2020 Trying to make the mobile menu overlay over the background image the same as it does on the desktop view. I found a bunch of code on the answers forum, but nothing is working for my site... Thanks in advance.
  16. The site I'm building in 7.1 has no header nav items. It is only a logo and a call to action (CTA) button. On mobile, the hamburger menu leads to a blank menu with only the CTA button at the bottom. It doesn't match my color scheme. I want to get rid of the menu on mobile entirely. I want it to look like: [Logo] [CTA button] and not: [Logo] [=] with the = (the ugly hamburger menu) leading to a blank white non-matching menu with an easy-to-miss button at the bottom. I should be able to do this using built-in customization an
  17. Site URL: https://recorder-pepper-3j33.squarespace.com/ Hi everyone! I was wondering if someone could help me... On the desktop version of my site I have been able to include a custom social icon linking to 'Spotlight'. This is great however, when in the mobile menu (screenshot attached) the link still shows the generic link icon. I'd love to know how I can change this to my custom icon please! Password to site is: romy Thank you!
  18. Site URL: https://www.rogerroger.co/ Hi everyone and thank you in advance! I need help to customize two elements on my mobile menu bar. I don't have issues on desktop, it looks like this: But on mobile, it looks like this: The close button is black, the CTA button isn't looking like the rest of the site and the CTA is sitting a little too low for my liking. I'm hoping to get it to look like this mock up: Is there any way I can fix it? Thank you for your time! Here's what my CSS looks like for the menu now:
  19. Site URL: https://reindeer-minnow-pcea.squarespace.com I had built our website www.vikasdutt.com on squarespace a couple years back. I need to change the website to allow for better categorization of images. The navigation structure that I needed were available closest on Bergen template and my redesigned site is reindeer-minnow-pcea.squarespace.com. However, I am not happy with how navigation text appears on mobile view. Very cluttered titles for portfolios (attached image 1). Can the font sizes be made smaller? Better still, can the menu & submenu be available as side bar as over
  20. Site URL: https://greyhound-strawberry-5tht.squarespace.com/ Greetings! I am trying to make the mobile menu logo beige - NOT inverted, as it turns it green. https://greyhound-strawberry-5tht.squarespace.com/ Password: scribble I've uploaded an alternate logo in the CSS files, so here's that link as well: https://static1.squarespace.com/static/5ef667034be66b3bb1dba158/t/5f0d1d13e4b78a3c9795904e/1594694931664/LogoBeige-01.png Thoughts on how this can be achieved? Thank you!
  21. Site URL: https://bat-dahlia-6hpc.squarespace.com/config/ Hello, I would like to custom my menu for mobile view. I don't like the current menu and was seeing is anyone could help? I would like the menu to slide in, that contains stack dropdown buttons, I need to be able to customise the text within the menu, and link the text to pages. I have attached a clip giving an example of something I'm after. Is this possible? Thanks MENU CLIP.MP4
  22. Site URL: http://www.goodstuff.ventures For some reason, the mobile menu shows all links that are included in my footer - from a contact form button, to instagram link ! They are not of course part of the navigation on desktop. How can I disable this so the mobile menu shows only the main menu items? Thanks!
  23. I'm using the jones template and I'm having issues with the Mobile Menu. I have a several folders that open up to show the items in the folder. When testing on my PC everything is fine but when testing on my actual phone the first folder on the mobile menu hides behind the mobile bar at the top when expanding making it IMPOSSIBLE to collapse the folder again. How do change this so that when the folder expands the top folder doesn't go hide behind the mobile bar?
  24. Site URL: http://LAwellness.com I am having difficulty getting even spacing in my mobile dropdown menu. You can see in this screenshot that the social icons are crammed together ad the blue button at the bottom is hidden with no ability to scroll to view it. Any ideas on custom CSS to resolve this? Thank you
  25. Site URL: https://anythingtrial.squarespace.com/ password: anything Hello! I am customizing the menu to learn how to hide various menu items per page. I am adding this (.header-nav-item:nth-child(n+2){display:none!important}) to hide the items after the first one but it only works on desktop view. On Mobile it shows all the items. Also, prefer not to have the Burger and just leave the menu as the one item displayed on the page. I think this is useful for everyone but especially so for multilanguage sites... Thank you so much In total> How to in mobile get
  • Create New...