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


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

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. 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
  2. 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; fo
  3. 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?
  4. 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
  5. 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
  6. 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.
  7. 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?
  8. 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
  9. 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!
  10. 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
  11. Site URL: https://faithstrongsite.squarespace.com/ Hi! I implemented the code below to change the color of my header elements on one mobile page from gold to white. Mobile elements don't seem to change color with different background colors like on desktop. This is the code: #collection-56099b55e4b0ec7b8a89d273 .Mobile-bar-menu, .Mobile-bar .Cart { stroke: #ffffff !important; color: #ffffff !important; } #collection-56099b55e4b0ec7b8a89d273.has-site-title .Mobile-bar-branding { color: #ffffff !important; } The issue is the number in the shopping bag did no
  12. 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!
  13. 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.
  14. 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
  15. 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 versi
  16. 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 🙂
  17. 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)
  18. Site URL: https://www.urbanefix.com/ I love the mobile information bar option. However, as this is an option for quick access on a mobile device to provide an ease of access and quick link directly to connect, I am shocked that "Call" & "Email" are the only communications options. I would really love to add a "Text" button to the bar. I do not have the coding know how to do that, and I was hoping someone out there might be able to advise/guide me with that.
  19. Site URL: https://faithstrongsite.squarespace.com/ Hi, I'm using the Brine template for this site and have the logo and navigation set on the bottom for the desktop version so it overlays the banner image. I've been trying multiple CSS tweaks to hav the same header overlay effect on mobile. Nothing's working. I can't get rid of the white bas across the top. Please help! pw: faithstrong Thanks!
  20. I currently have both of my CTA's (Request Info and Apply Now) fixed in the header of my website, but on the mobile site, the CTA's are compressed and pushed to the hamburger navigation button. As a result, I've looked into adding the mobile information bar to the mobile site. However, I'm not able to create a custom field or CTA in the mobile information bar. Is there a way to edit the CTA's in the information bar to add whatever CTA I'd like to use?
  21. Hi, I have 2 questions regarding my website: I would like to add a bar above my navigation menu with my contact details (telephone number and email). I succeed however (see attachment) I would like to change the background color (now its white but it must be grey) and the bar should only be visible on the mobile website (not on desktop). How can i do that? Thank you so much!!
  22. Site URL: http://www.charlesleek.com I recently updated my website and this included accidentally losing a load of code. I used to have a piece of code that changed the word 'menu' to another word on my mobile site. If anyone can help provide one that would be a great help!!
  23. 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?
  24. Site URL: https://www.c2eventz.com/ Good day everyone, I am trying to inject custom css to my mobile navigation menu using the 7.1 Clarkson template. On mobile version only, when you click the hamburger style navigation button, I would like (Home, About, and Technology) underlined to show it is a clickable link. Most people understand how websites and mobile versions work but my clients are not as savvy. To show them it's a clickable link, I would like them underlined to show that. Any help would be greatly appreciated.
  25. Site URL: http://LAwellness.com The bottom of my mobile dropdown menu gets obscured by the mobile information bar. Is there a workaround for this? I know very little about CSS. I tried the following, but it put a margin after every menu item, not just the bottom of the menu. .header-menu-nav a { margin-bottom: 70px; }
×
×
  • Create New...