Search the Community
Showing results for tags 'mobile-information-bar'.
Found 35 results
-
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! -
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://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
-
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: 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: 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 -
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: 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; } -
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! 🙏 Been trying to debug this for days and have no clue where to even look! 10 April, 2020 - Loom Recording.mp4 -
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. -
Site URL: https://scribelytribe.com I checked my website using the WAVE Web Aim Accessibility Tool and am getting errors for a few of the mobile features. These errors are showing up on every page of my site. First, the "Mobile-bar-search" has an "empty link" error. Second, the "Mobile-bar-menu" and "Mobile-overlay-close" are showing an error for "Empty Button". I'm concerned this will impact users' ability to navigate my site on the Desktop and Mobile version. Anyone know how to resolve these errors?
-
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!
-
Moving Menu Navigation in Mobile View Ready Template
VickiM posted a question in Coding and Customization
Site URL: https://www.vickimessenger.com/ Hi all I would like some help in moving the main navigation/menu button to the top of the page when viewed on mobile, as my users are not seeing it at the bottom of the screen. Can anyone help me with the code that is required to do this please? Thanks in advance Vicki -
Site URL: https://phillipsrestorationinc.com/ I injected code into the footer of my website. Everything pretty much works as intended. However I have these weird obstructions of the same logos I injected code for into the footer obstructing my navigation menu on mobile view. See the attached screenshot. -
How to change drop down menu on mobile site
Aaronjayyoung posted a question in Coding and Customization
Site URL: http://aaronjayyoungstudio.com On the mobile version of my site, when you click on the menu icon, the menu drops down covering the screen. Then when you click on a menu item, it goes to that part of the website, however the menu continues to cover the screen and you have to click an "x" at the top right for the menu to go back up. I'm searching for a way to make the menu go back up automatically after clicking on an item. website - www.aaronjayyoungstudio.com -
Site URL: https://sf.digital/squarespace/customising-the-mobile-information-bar Is this not able to be used anymore? I've use it last year and it was working, it only stopped working for me after the update. I'm trying to use the Email button of the Mobile Information Bar as a Whatsapp button. Can anybody point me in the right direction how to enable this again? Thank you very much in advance. Here's my website and the code: https://cleaningequipment.org <script> $(window).bind("load", function() { $('.sqs-mobile-info-bar-trigger[data-type="contactEmail"] .sqs-mobile-info-bar-trigger-label').text('Whatsapp'); $("a[href='mailto:xxx@gmail.com']").attr('href', 'https://api.whatsapp.com/send?phone=00000000000&text=Hi%20there!%20I%27m%20looking%20for%20') }); </script> Thanks in advance.
