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

Search the Community

Showing results for tags 'mobile-information-bar'.

  • 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
    • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.adventuresinaneroid.com/ Hi there, I am not a coder AT ALL and I'm pretty new to this stuff. Anyhow, my mobile drop down menu doesn't show my buttons. They are there and you can click things, but they aren't visible. I have tried changing backgrounds and colors etc. Nothing works. Please help! And speak to me like I'm a child because I do NOT understand coding stuff! Lol. Attached is a screenshot of what my menu looks like.
  2. Hi everyone, I am trying to customise my squarespace website menu bar like this. Is there anyway I can do this? The first one is the image of my menu bar and the second one is what I am trying to make. http://imgur.com/a/sCo7xk7
  3. Site URL: https://tgtfresh.com/ The mobile information bar covers the social links in the mobile overlay menu. I did make the mobile information bar sticky, but it only affects it when scrolling down. Without any modification, since the overlay menu is accessed from the top of the screen, the social links are still covered. Is there any way to fix this, like hiding the mobile information bar when the overlay navigation is open? If not, is there a way to move/hide the social links on mobile? Thanks!
  4. Site URL: https://supersizesocial.com On my website home page the first thing you see is a "Get Started Now" button. This button will take you further down the page to the "top selections" so that you can checkout the main services we offer. This works great for Desktop users. However, for mobile users it doesn't flow so well. I think for the mobile version only it would be way better if it just took you to the Navigation Menu when tapping on the "Get Started Now" button. Can anyone help with this?
  5. Hello, I've added an anchor link to my nav bar and it's fine on desktop but it does nothing on mobile. Can someone let me know how I can make the anchor link work on mobile too? Thanks
  6. Hello! Is it possible to create a mobile navigation window like the 7.1 templates for the Wells template? Where the "plus" icon transitioning to the "x" and the navigation if full screen with the logo present at the top? Any advice would be greatly appreciated, thank you!
  7. Site URL: https://www.violetmalibu.com I have tried all three code options which hides the logo at the top of the splash page except for the mobile view. Note-the splash page is set as the home page. Any tips will be appreciated! I've pasted the code here: Page settings-Advanced, page header code injection #collection- 601bc2c13629333a236e34eb { header, footer { display: none !important; } } AND I've tried this: <style type="text/css"> .Header-inner, .Footer, .tweak-mobile-bar-top-fixed .Mobile-bar--top { display: none!important; } </style> AND I've tried this: <style> .sqs-announcement-bar { display : none; } <style>
  8. Site URL: http://www.casaterradesign.com Hi! How can I adjust the background color of the drop down menu on the mobile version of my site? It is currently set to have the font and background the same color, which obviously won't work. I have not been able to find a solution in the Styles - Colors section, nor in the header settings for mobile. Is there some CSS I can use instead? For further info, I added a secondary nav plug-in to my site.
  9. 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
  10. Site URL: http://avrilkids.com Hi everyone, on the mobile version of my website, the dropdown menu "Shop" opens on a separated page, you need to click on the shop arrows and then you got the informations of the dropdown menu. I would like all the informations being showed together if it is possible. I put an image of what i tried to achieve in attachement. Could you please help me to do this? Thanks a lot
  11. Site URL: https://www.venuswtlau.com/ Currently, when I add a mobile logo to the header, it shows both the website title and the mobile logo. What I want is for the site title to show on desktop and the logo on mobile. Thanks in advance! 🙂
  12. 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
  13. Site URL: http://www.scarycanarypub.com My site has a cover page that has the options for two different stores. I was able to hide the secondary navigation on the primary site and vise versa. But on the mobile site both navigations still show. How can I disable them as I did for the regular site?
  14. Site URL: http://www.lisacamillo.com Hi everyone, I need help please! 😰 I love this template, but when you look at it from your phone, the bottom navigation titles can't be seen properly as they overlap on the pictures. Anyone knows how to fix that please? Thank you 🙏 Lisa
  15. Site URL: https://www.ben-tynegate.com/ Hi there, On mobile, my homepage (https://www.ben-tynegate.com/) get's stuck/sticky when scrolling down. It can't go past the third/fourth image when you initially land on the page until after a few seconds and then you can continue scrolling Any help would be really appreciated Thanks
  16. Site URL: https://pomegranate-badger-p3wd.squarespace.com/magazine I'm trying to make the Mobile header show three things: hamburger menu / Logo / Button "Buy / Subscribe", I attached what I currently have (SpaceonSpace). I also attached what I'm trying to go for (Offscreen). What would you recommend?
  17. Site URL: https://www.spagettyimages.co/rawspaghetti Hi! I just noticed that when I try to view my site on mobile, the logo and the navigation bar don't appear. Would love any help that anyone could give me, as I feel like I've tried everything to fix this, but alas, no luck. Also if it helps, I've been using Safari 14.0.3
  18. My partner is currently making a website and everything is looking great on both the desktop and tablet version however on the mobile version it has this bar down the side of the whole page, you can move the page horizontally. We feel it has something to do with the selection bar not fitting on the page for some reason. Any help would be appreciated, thanks.
  19. Site URL: https://onion-guitar-w3xs.squarespace.com/ Page password: peanutsandpomelo Hi! On certain pages my navigation links on mobile aren't visible as the images behind make them illegible. I just wondered if there is a way to move them further up the page so that they aren't obscuring the images. Thanks so much!
  20. I want my header to be effectively the same on mobile and desktop, the only difference being that the content (Title/Logo, Navigation, Social Links) would be stacked due to the width of the screen. How on earth do I make this happen? I cannot stand the hamburger menu, as not every potential client is going to be computer literate enough to know what it is or how to open it. If visitors can't see the link, it might as well not be there. I want my navigation links to be plainly visible as soon as they reach the website.
  21. Site URL: https://ray-cone-ap64.squarespace.com/config/ Looking for help....when in mobile preview I dont want a horizontal scroll anywhere on my site when it comes to a simple page. Larger Gallery images arent so much of a problem at this stage. Can someone help me with how to move the hamburger?? to within the fame please? Thanks
  22. Site URL: http://www.acook-design.com Hi there! For starters, here's my site and password: www.acook-design.com password: bowzer I'm happy with how the desktop version looks. I have a solid black background, logo with white text, and white menu link colors (see picture 1) When I change to the mobile version and click on the hamburger drop-down menu, the background color changes to white (washing out my logo) and the menu link color changes to black. (see picture 2). I want the mobile version of the information bar to match the desktop version: black background, white text. I saw a previous post with a similar issue, and the guy said to use this custom css code to change the background color on the mobile version to black: /* Mobile background color */ .header-menu-bg.theme-bg--primary { background: black !important; } I tried it -- and the result is picture 3. How do I change the mobile link colors under the navigation bar from black to white -- along with the "X" in the upper right corner? Thank you!!!! I greatly appreciate it!!!! 1. 2. 3.
  23. Site URL: https://brass-raspberry-tyxt.squarespace.com/ Hello, Does anyone know how to change the colour of the mobile information bar please? You seem to only be able to choose from a light or dark theme but i'd like to change to a custom colour. Thanks 🙂
  24. Site URL: https://homevetbondi.com.au/ Hi All, First time poster. I've never coded before but learning! I've got the following codes .sqs-mobile-info-bar-hide { -webkit-transform: none; transform: none; } .sqs-mobile-info-bar { z-index: 10; } @media screen and (max-width:767px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; } /* logo width */ .header-title-nav-wrapper { flex: 50% !important; } } I'd like to change the colour (AAB6BD) and size of the button so that the logo becomes larger on mobile site. please let me know your thoughts. Would be much appreciated! Warm Regards, Anthony
  • Create New...