Search the Community
Showing results for tags 'mobile-information-bar'.
-
How to change mobile information bar CTA's
JGMorelandU posted a question in Coding and Customization
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?- 6 replies
-
- 1
-
-
- mobile-information-bar
- mobile
- (and 1 more)
-
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? -
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. -
How to display both logo and text in site banner
Aeduuin posted a question in Coding and Customization
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 -
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; } -
Mobile Information Bar covering button in mobile menu
adamspicar posted a topic in Pages and Content
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. -
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
-
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?
-
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
-
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? -
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
-
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. -
Video resize in header when converting to mobile view
danirvin27 posted a topic in Images and Videos
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 -
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.
-
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!!!
-
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?
-
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
-
Site URL: https://www.fernandoliveira.com/sobre How to change the form (mobile phone) to 9 characters? Thanks -
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. -
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
-
Site URL: https://nightowlcoffeebar.com
-
Wells template: how to show sidebar nav on mobile
NoelM posted a question in Coding and Customization
Greetings! It's my first post here. I am creating a site using the Wells template. Does anyone know how to have all sidebar menu links show on mobile devices? Note: they display perfectly on desktop. But on mobile, only the single word "Menu" appears. I'm seeking to have all my menu links appear (Visualizing Stories, Reaching Audiences, etc etc) - instead of just that one word, Menu. Thanks in advance!! -
Javascript issues with Active Campaign Form Embed
thisischarlotte posted a question in Coding and Customization
Site URL: https://www.itsbrandbabe.com/contact I am having a redirect issue with an Active Campaign embed I have on my website. I think it has to do with conflicting javascript code within the embed and Squarespace. I was testing for error messages on my form. If you have any form of error and try to click submit on the form, it will redirect the entire page to a new window, within my active campaign account rather than staying on my website. I've attached a video of what it should look like, but what is actually happening below. Thank you in advance for the help! ๐ Be -
Put Menu beside logo instead of above it on Avenue?
RBanks88 posted a question in Coding and Customization
Site URL: http://russellcbanks.com An hour of searching the forum and trying a few pieces of code that havenโt worked, so Iโm posting the question now: I recall seeing home pages on mobile where the logo is in the upper left, with the Menu link in the upper right, instead of one centered above the other like it is in my Avenue site. (screenshot attached) Is there CSS code for doing that? Thanks, Russell -
Mobile Information Bar - Add an SMS/Text Option
AC1DFOX posted a question in Coding and Customization
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.
