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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.yourestheticianbff.com/ Hi there! Attached is a picture of what I'm talking about - for the rest of the theme the background is black/the text is white but for some reason when I open the mobile navigation menu it reverses this. Is there a way to make this section of my page black background and white text/social links? Thanks in advance!,
  2. What are the tags to change Mobile Information Bar font and Hours font and colors?
  3. Site URL: http://lbeedesigns.com Hi forum - I am having an issue with mobile view of my website on different devices. Template is Jaunt. The first view is how it should look on mobile with the white bar and the hamburger and my logo at the top. The "problem" home page is how the site is viewed in standard mode on my new iPhone 13 - no white bar or hamburger or logo and the social media/shopping bag are overlapped on the announcement bar. Oddly, if I turn my view on the iPhone 13 to "Zoomed" from standard - the white bar, etc. are there but most people keep their phones in standard view which creates a problem. On the iPhone 13 without the white bar, there is no way to navigate to my various pages on my site. I reached out to Squarespace help and they did not have a solution for me. Wanted to see if anyone else has encountered this issue or if there is some CSS available to fix this. I am not a programmer! Many thanks! - Lori
  4. Site URL: https://www.beginners2runners.co.uk/ Please help me! On the mobile version, there is lots of white space above the homepage video, which is under the header. ... Also, when the website is loading the CSS is showing before the page loads under the announcement bar, can anyone help please??
  5. Site URL: https://www.sebleon.com/ Hi everyone, My navigation menu works fine on the desktop version, but on the vertical mobile version, when the navigation gets condensed to "menu" it stops working on the homepage. On all my other pages, it continues to work, but when I press "menu" on the homepage nothing happens. Does anyone have any ideas why this might be the case? I'm using version 7.0 Avenue. Thank you!
  6. Site URL: https://www.danirvin.com/ pw: danspeaks7467 I have an autoplay video in my header that is not resizing when I view it in mobile view here on SquareSpace. Additionally, it is not showing at all on my iOS device and have been testing a backup image, but would prefer the resized video to be autoplaying. Thanks in advance for any help/suggestions/support! :) Dan Attachments: Screenshots from web view and mobile view
  7. Site URL: https://www.rockerboxgarlic.com/ Hi! Been using Squarespace for a decade and this is my first time ever posting a question 🙂 I've searched everywhere and have no solution to this problem. I need to change the layout of my mobile header, and there is no way to do this without custom code. As you can see, my menu and logo are stacked, which takes up almost the whole mobile screen (see the white "Spice Co" screenshot). I would like it to have the more traditional layout of having menu/logo/cart all in the same row (see the swimsuit screenshot). I use version 7.0, Montauk template. Thank you!
  8. Site URL: https://raspberry-wolverine-7tn4.squarespace.com/ Hi all, Almost finished de desktop version of my website. So I wanted to start on the mobile tweaking. 1. First problem. Fixing the mobile navigation. I can't see the icon. Looked in sitestyles. No idea why it is not showing. Any suggestions? Does anybody know why it might not show up? It Brine template with video banner 2. Is it possible to show the logo as wel? Would be most grateful for someone to help me out. Thank you! Kind regards Ester
  9. Site URL: https://www.twoofakindrentals.com Hello! My announcement bar has text that's right aligned for desktop view, but I want this text to be centered & made slightly smaller for the mobile view. Text should stay as-is for the desktop view and only be adjusted for the mobile view. Can you kindly tell me what the code is to adjust the text on mobile view?
  10. Site URL: http://winhearts.co Hello, I’m customizing my mobile information bar. I’m trying to change the text that says ‘Email’ to a custom text for 7.1. I’m also trying to do a custom link instead of redirecting to an email if that’s possible. I’ve seen it done for a 7.0 website but couldn’t figure it out for 7.1. Thanks in advance.
  11. Site URL: https://rthglmr.squarespace.com Password: rthglmr! Hello, I have managed to come quite far in my website with learning CSS but now I am SUUUUPER stuck. I am trying to have the same navigation on my desktop and mobile site. The desktop is working exactly how I wish it to and now I need the folders to be clickable onto a page on the mobile view. I would like to avoid the drop-down text menu and instead link to a page that is more visual. I would really appreciate any wisdom or insight on this!
  12. Site URL: http://konekretouch.com I've found a script that allows me to redirect the link on my logo to other pages instead of my cover page. However, it doesn't seem to happen when I access the mobile version. Does anyone know how to change the link on the mobile version logo? I'm using the York template. Thanks!
  13. Site URL: http://www.steveworkedonit.com Hi there. Hoping someone might be able to provide an answer on this one. I've been trying to change the background color/font color for my mobile menu drop down (mobile shows blue background/ white text0. Trying to have it match the desktop version (white background w/ blue text). I tried messing with some custom CSS / site styles based on previous posts, but have had no luck. Can anyone shed some light on this? Thanks! Site was made using Squarespace 7.0
  14. Site URL: http://www.peculiarcopy.com So I want a clean look on my website and put my navigation pages into a folder for my desktop to make navigation a dropdown. But on mobile navigation is automatically turned into a dropdown. This then becomes annoying as you open the mobile navigation to find a single option (MENU) to click and thus open the navigation options. I want to have the folder for navigation on the desktop view but NOT on mobile. Is there code for this little workaround?
  15. Site URL: https://evolutionofbrilliance.com Hi there, I need some help with something strange going on with my mobile info bar. I am using code to change the colour, but I don't think this is what is causing the issue as when I remove the code, it still has the problem. Please see image attached - one mobile view with custom colour vs generic dark info bar. Any help on this issue is most appreciated!! Thank you!!
  16. Site URL: https://www.beachesfuntastics.com/ My scrolling block text is showing incorrectly on mobile. The site preview for mobile shows perfectly, but on the actual mobile device (iPhones) it is showing with "X in squares" at the start of each text line. I am new to SquareSpace and websites and I have Googled to see if I can find a known error - but to no avail. Any pointers are most welcome please. Thank you!
  17. Site URL: https://cykelfiket.se Hi! I need some help to use the mobile information bar with both location and opening times but for two or more physical locations. We're a bike shop with two stores and our customers likes the information bar, so removing it due to the fact that it's only showing one stores location is last resort. Is there a way to add more places for businesses that has two or more physical stores?
  18. Site URL: http://www.edhopkinspr.co.uk Hi, Please can anyone help with making the mobile mobile information bar the same colour as our colour scheme please? www.edhopkinspr.co.uk the colour is Green: 37adb1 Thank you
  19. Site URL: https://www.core4.com.au/ Hi there My mobile navigation when scrolled below hero banner is white and i would like this to be the same colour as the remaining of my mobile navigation folder as i lose the exit and the logo. Please see attached screenshot. I have used the below code for remaining of navigation but just need the first section the same colour. Please note this is only on scroll. /*For the header background color:*/ @media screen and (max-width:640px) {.tweak-transparent-header .header .header-announcement-bar-wrapper:not(.shrink):not(.transparent-header-theme--override) { background-color: #4d4d4f !important; } } /*For the bottom piece with CTA button:*/ .header-menu-cta { background-color: #4d4d4f !important; } /*For the middle section with Nav items:*/ .header-menu-nav-folder-content { background-color: #4d4d4f !important; } /*And to change the hamburger/X icon colors:*/ .burger-inner:after { background: #fff !important; } .burger-inner:before { background: #fff !important; } Many thanks!
  20. Site URL: https://www.madsonwines.com/ Hi there, Trying to figure out how to apply a custom font to the information bar specifically for mobile. I used custom css to change the font for the info bar on desktop and it's working just fine, but when I look at our site on mobile, the custom css works across the website with the exception of the information bar. I've attached screenshots of the desktop (what the font should be) and the mobile (where it's not working). Anyone know how I can fix this?
  21. 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
  22. 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?
  23. 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.
  24. Site URL: https://www.questiongamification.com I've been looking into some custom CSS to display both my logo and the site title in the site header. I got it to work on desktop using this code, but because it does not have enough space on the mobile header it ends up pushing my drop-down menu (two little bars) off screen. Could anyone help me figure out how to achieve the same thing without screwing up my site's mobile version? CSS-snippet used: .header-title-logo a:after { content: "Gamification of Education"; display: inline-block; font-size: 20px; font-family: Poppins; color: black; text-align: center; vertical-align:middle; font-weight:900; padding-left: 555px; } .header-title-logo img { vertical-align: middle; } See pictures below for what I would like in desktop and mobile if possible (picture included from desktop as that works fine). The other pictures are of the mobile header and the way the text interferes with it.
  25. Site URL: https://www.fernandoliveira.com/sobre How to change the form (mobile phone) to 9 characters? Thanks
  • Create New...