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
  • 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. 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.
  2. 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 🙂
  3. 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
  4. 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.
  5. 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!
  6. 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?
  7. 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!!
  8. 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!!
  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: 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.
  11. 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; }
  12. Site URL: https://www.stricklandsmartialarts.com/ Hi team, I need help with the Mobile Information Bar on 7.1 template, please. It covers our Special Offer button when the mobile menu is tapped. Is there a way to have the Bar visible when browsing the page but when you tap the menu it would dissapear? See attached image to see what it does. Thank you for any guidance.
  13. Site URL: https://oo.gallery Hello, I'd like the mobile version of my site oo.gallery to direct directly to an open burger menu, not the homepage itself. Can anyone tell me how I may set it up to do this? I've attached a screenshot of what I'd like to appear as my homepage when viewed on mobile. Thank you ! Ethan
  14. Hi I'm having trouble centering text on my mobile site. Attached is the code I used to add it. Now how can I get it centered?
  15. 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!
  16. Site URL: https://www.naamnom.com I want to decrease the amount of blank white space below the logo/menu on mobile view but don't see a way to change this. Any ideas?
  17. Site URL: https://www.victoriabodevin.ch Hi! I have a few questions concerning the mobile version: - the content gets overlapped at the top - can I change the logo for the mobile version? - my quotaion marks are overlapping as well although I put a gap before an after the textpart thank you!! : ) to see the site use this PW: 9_JeyV_v
  18. Site URL: https://www.thiscitymaps.com/ For some reason all of the sudden my site has the navigation menu on the right instead of the left when I look at it on mobile... any ideas of how to get it back? It has always been on the left side... I know I was adjusting some header settings such as spacing of the vertical elements and the links and such, but I tried to put them back with still no luck.
  19. Site URL: https://redriversport.squarespace.com/news Hi, I have an issue when reducing the spacing in mobile menu that when clicked the link relates to the 'next menu item' and not the relevant link. Any help appreciated. I've attached menu example of what menu looks like. Many thanks.
  20. Site URL: https://www.nscadv.com Hi! I'm having difficulty trying to hide the "home" page on the navigation bar when looking at both the computer and mobile view. Can someone please help me create a code that does this? The temporary site password is newyork. Thank you!!!
  21. Site URL: https://www.newworldangels.com/ Everything is working with the design on desktop. However, the navigation bar on mobile is acting odd (see attached). I am very unfamiliar with the mobile CSS objects and styling in general. My novice experience sees two routes: Expand the text box so the overflow creates a second row. Have the text content change when on mobile (I saw a related answer for this, but it wasn't working when I tried it). If one of these is a solid way to go, how would I implement it in CSS. If not what's the better way?
  22. Site URL: https://www.hampseshop.com/ Is there a way to change header to every device. I managed to change the color just for desktop usiing this code: #canvas { max-width: 100% !important; } #header { margin: 0px 0px; padding: 0px 0px !important; background: grey; } section#page { max-width: 900px; margin-left: auto; margin-right: auto; But I wanna change header color for all the devices including mobile view. Can someone help me on this? I'm using squarespace 7.0 Thank You
  23. Site URL: https://www.fernandoliveira.com/sobre How to change the form (mobile phone) to 9 characters? Thanks
  24. On the mobile version of my site, there is a white banner at the top, my logo is also white so it is not visible, and I do not want a coloured menu, I want the menu to be invisible essentially so that the banner photo for the page is the menu background also.
  25. 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
×
×
  • Create New...