Search the Community
Showing results for tags 'mobile-information-bar'.
-
Site URL: http://winhearts.co Hello, I’m customizing my mobile information bar. I’m trying to change the text that says ‘Email’ to a custom text for 7.1. I’m also trying to do a custom link instead of redirecting to an email if that’s possible. I’ve seen it done for a 7.0 website but couldn’t figure it out for 7.1. Thanks in advance.
-
Site URL: https://rthglmr.squarespace.com Password: rthglmr! Hello, I have managed to come quite far in my website with learning CSS but now I am SUUUUPER stuck. I am trying to have the same navigation on my desktop and mobile site. The desktop is working exactly how I wish it to and now I need the folders to be clickable onto a page on the mobile view. I would like to avoid the drop-down text menu and instead link to a page that is more visual. I would really appreciate any wisdom or insight on this! -
What are the tags to change Mobile Information Bar font and Hours font and colors? -
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!
-
Custom code to change mobile menu colors? (text + background)
Blue212 posted a question in Coding and Customization
Site URL: http://www.steveworkedonit.com Hi there. Hoping someone might be able to provide an answer on this one. I've been trying to change the background color/font color for my mobile menu drop down (mobile shows blue background/ white text0. Trying to have it match the desktop version (white background w/ blue text). I tried messing with some custom CSS / site styles based on previous posts, but have had no luck. Can anyone shed some light on this? Thanks! Site was made using Squarespace 7.0 -
Site URL: http://lbeedesigns.com Hi forum - I am having an issue with mobile view of my website on different devices. Template is Jaunt. The first view is how it should look on mobile with the white bar and the hamburger and my logo at the top. The "problem" home page is how the site is viewed in standard mode on my new iPhone 13 - no white bar or hamburger or logo and the social media/shopping bag are overlapped on the announcement bar. Oddly, if I turn my view on the iPhone 13 to "Zoomed" from standard - the white bar, etc. are there but most people keep their phones in standard view which creates a problem. On the iPhone 13 without the white bar, there is no way to navigate to my various pages on my site. I reached out to Squarespace help and they did not have a solution for me. Wanted to see if anyone else has encountered this issue or if there is some CSS available to fix this. I am not a programmer! Many thanks! - Lori -
Site URL: http://www.peculiarcopy.com So I want a clean look on my website and put my navigation pages into a folder for my desktop to make navigation a dropdown. But on mobile navigation is automatically turned into a dropdown. This then becomes annoying as you open the mobile navigation to find a single option (MENU) to click and thus open the navigation options. I want to have the folder for navigation on the desktop view but NOT on mobile. Is there code for this little workaround? -
Site URL: https://evolutionofbrilliance.com Hi there, I need some help with something strange going on with my mobile info bar. I am using code to change the colour, but I don't think this is what is causing the issue as when I remove the code, it still has the problem. Please see image attached - one mobile view with custom colour vs generic dark info bar. Any help on this issue is most appreciated!! Thank you!! -
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://www.beachesfuntastics.com/ My scrolling block text is showing incorrectly on mobile. The site preview for mobile shows perfectly, but on the actual mobile device (iPhones) it is showing with "X in squares" at the start of each text line. I am new to SquareSpace and websites and I have Googled to see if I can find a known error - but to no avail. Any pointers are most welcome please. Thank you! -
Site URL: https://cykelfiket.se Hi! I need some help to use the mobile information bar with both location and opening times but for two or more physical locations. We're a bike shop with two stores and our customers likes the information bar, so removing it due to the fact that it's only showing one stores location is last resort. Is there a way to add more places for businesses that has two or more physical stores? -
Site URL: http://www.edhopkinspr.co.uk Hi, Please can anyone help with making the mobile mobile information bar the same colour as our colour scheme please? www.edhopkinspr.co.uk the colour is Green: 37adb1 Thank you
-
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.madsonwines.com/ Hi there, Trying to figure out how to apply a custom font to the information bar specifically for mobile. I used custom css to change the font for the info bar on desktop and it's working just fine, but when I look at our site on mobile, the custom css works across the website with the exception of the information bar. I've attached screenshots of the desktop (what the font should be) and the mobile (where it's not working). Anyone know how I can fix this? -
Site URL: https://www.rotaterecordings.com Hi, I have used code to create a hamburger menu on my website. I am wanting however to add a border around navigational items like the picture attached. Does anyone know how I could do this? Also I'm unsure how to fix the folder navigation item I created, I want it to be a drop down instead of the arrows and having to click back to return to the menu. See 2nd and 3rd attached pictures. Thank you
-
Site URL: https://tbdwebsite.squarespace.com/ Hello! I am using a custom font for my navigation link (code below) but the folder links are coming up a different size on mobile. How do I get the mobile folder links to appear the same size as the rest of the navigation? See screenshot attached. Site password is avocado. Thanks! .header-nav *, .header-menu-nav * { font-family: 'Parachute - PFEef-Regular'; font-size: 20px; line-height: 40px; letter-spacing: 0px; }
-
moving links to the bottom of screen for mobile view
GMS2 posted a question in Coding and Customization
Site URL: https://www.gracemargetsonstudio.com/ Hi everyone I am really happy with how simple/minimal my desktop website is. I want the mobile version to follow suit. Currently on the mobile version theres an '+' sign which brings up a menu. I just want to have the links on the bottom on mobile exactly like the below. Any help with this majorly appreciated. Grace -
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: https://www.fly.org.au Hi, I can't find the option in Design//Site Styles//Colors to set the color of the mobile status bar. Some pages carry through the page theme color and some do not. For example: www.fly.org.au/home and www.fly.org.au/about has a white mobile status bar color despite the first section color being set to a light teal. www.fly.org.au/flyweekender has a red mobile status bar color in line with the first section color for the page. I've compared the Color Theme settings and just cannot work it out... Any help would be appreciated. Thanks.
-
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: http://www.kaedystovallphotography.com Hello everyone, I'm fairly new to custom CSS and I'm having a heck of a time trying to get my drop down navigation menu (for mobile/tablet) to use my custom font. Is there a specific code I'm needing to enter to get it to change my font? Currently using: @font-face { font-family: AlmondWhisp-d9KAX; src: url(https://static1.squarespace.com/static/57e2e03ad1758e22fa51f34b/t/61cbd6578b9e9864a3884b38/1640748632075/AlmondWhisp-d9KAX.ttf); } Here are pictures of my website, one in mobile/tablet view (which doesn't have the correct font) and one in desktop view (that is correct). Thank you for your help! -
Make logo in Mobile Menu consistent page to page
lulu.lindberg posted a question in Coding and Customization
Site URL: https://fennel-hawk-fwg3.squarespace.com/about-us https://fennel-hawk-fwg3.squarespace.com/about-us / tails2021 When viewing on mobile, when you click the mobile menu, the logo in there reflects whatever file is being used on that particular page. So on the about us page, it looks fine- it is using the image I would like to. But if I access the mobile menu from the home page, it using the logo from that page, which is a white version and does not work against the white background of the mobile menu. Is there a way to set the logo in the mobile menu as a global element? To always appear at the gif as seen on the about us page? Thank you in advance! -
My mobile menu has a really long scroll for no reason? but it only scrolls away the header and the X at the top while the middle links and button sit still. How do I just get rid of the scroll on the mobile menu only so its just a single page? site : https://flugelhorn-seahorse-lzrb.squarespace.com/?p?p pw: design
-
.thumb.jpg.5dac98bddee073d13c371a8311b70c15.jpg)
Hide announcement bar on mobile menu?
GretchenElizabeth posted a question in Coding and Customization
Site URL: http://www.alexandra-lyon.com Hi! Seeking help on this, is it possible to either hide the announcement bar when visitors are accessing the mobile menu or have the mobile menu cover the announcement bar completely? I still want the announcement bar visible on mobile just not on the menu. I'd like to achieve the effect below: Right now, the mobile menu displays like this: Any help is appreciated so much! Thank you!
.thumb.jpg.5dac98bddee073d13c371a8311b70c15.jpg)