Search the Community
Showing results for tags 'mobile-information-bar'.
-
Hi guys I have a question about the Mobile Information Bar. As you scroll on your phone, this bar disappears. Is there a way to get it sticky and leave it below when you scroll? I found out that a lot of people just leave the website instead of contacting me. This MIB will help a lot I hope I described it right? On my website www.trouwshoot.nl and www.familieshoot.nl I really love yo have this implemented. Greets, Stefan
-
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
-
How to change drop down menu on mobile site
priscamichaux posted a question in Coding and Customization
Site URL: http://avrilkids.com Hi everyone, on the mobile version of my website, the dropdown menu "Shop" opens on a separated page, you need to click on the shop arrows and then you got the informations of the dropdown menu. I would like all the informations being showed together if it is possible. I put an image of what i tried to achieve in attachement. Could you please help me to do this? Thanks a lot -
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 -
How can I make my website logo show *only* when on mobile?
venuswtlau posted a question in Coding and Customization
Site URL: https://www.venuswtlau.com/ Currently, when I add a mobile logo to the header, it shows both the website title and the mobile logo. What I want is for the site title to show on desktop and the logo on mobile. Thanks in advance! 🙂 -
Site URL: https://www.tafeta.com/ovr -
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 -
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; 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. -
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?
-
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
-
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.
-
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? -
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!
-
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 -
Mobile header navigation and branding color change in Brine
Kico posted a question in Coding and Customization
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 not change from gold to white on the home page and the bag itself stays white on the about page. Images are below. What am I doing wrong? pw: faithstrong Thanks! -
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!
-
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.
-
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
-
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. -
Change colour of mobile information bar
EmileSmithfields posted a question in Coding and Customization
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 🙂 -
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
-
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. -
Remove/hide or make transparent Brine mobile header top.
Kico posted a question in Coding and Customization
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! -
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? -
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!!
