Search the Community
Showing results for tags 'mobile-information-bar'.
-
Hello, thanks for all your help so far from everyone. Someone so graciously showed me how to move my mobile "book" button up as it was covered by my information bar. Now Im finding they are not aesthetically pleasing with my social links, they look way too close together. Pic below. Anyway I can move them up a tiny bit?
-
When Im on my mobile menu, the book button hides behind the mobile information bar. Photo attached. How do I fix this via coding?
-
I'm sure this isn't an unique question but I have custom background images on my site as well as text that is sized to fit the images on those pages. I also have a custom background video on my home page. On desktop, they look fine but on mobile the imagery and text are off. Is there a CSS code I can add that will resolve this?
-
Hey guys, First time using the forum 👋 So I have recently added a secondary navigation to my website and I am not sure if this has had an effect but.. Site: www.petit-tresor.store My navigation is all pushed up? The top couple of links sit behind my logo/header. See below screengrab Can someone tell me what i've done wrong or any coding to help THANK YOU
-
I have everything nearly how I want it, except for the way the hamburger menu overlay displays in the mobile view. This is at present what it looks like when you click the hamburger button for the mobile view: I tried going to site styles->Colors->My Theme, selecting the theme I have assigned to my "site header" section, and looking for where I would set this color, but I can't seem to find it. I don't want this bright yellow background. Also, I'd like to be able to change the color of the buttons on this overlay. Where might I find within the theme how to change those colors? Everything else has been super easy and doable via the themes. I must just be tired and missing something obvious. Thanks for the help!
-
The desk top view of the menu looks fine and works well but on the mobile view it only shows two bars in the top left corner. If you click on the two bars it only appears to load the background colour of the page and not the content unless you double click on the page?? thanks -
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://caipirinhala.com/ I implemented the following code to hid the mobile navigation bar but it moved the logo header to left justified instead of centered. Any code I can add to fix it? @media screen and (max-width:767px) { .header-display-desktop { display: flex !important; } .header-display-mobile { display: none !important; } .header-burger { display: none; } .header-title-nav-wrapper { flex: 1 0 100% !important; } .header-nav { display: flex !important; width: 70% !important; flex: 1 1 70% !important; } .header-title { flex: 1 0 30% !important; } }
-
Hi, I want to hide the Page Header (Logo and Navigation) for a specific number of pages within a site. I have worked out I need to insert code into the Advanced Settings of the specific page and have used: <style> header, footer, mobile-bar {display:none !important; } </style> This worked and hides the Page Header on a desktop machine but when I view it on a mobile the template still inserts a Menu. Is there anything I need to add to make the Menu disappear? Thanks in advance John -
hi as you can see on the image that the search abr is not in the middle of the screnn and there is lots of excess space which is annoying. How do i either get rid of this space or can i move the search bar so its in the middle of the screen. Thanks in advance
-
Hello. I am using AppMySite.com to turn some of my webpages into a mobile app. ("REAP Advisor" in the iOS App Store at the moment.) AppMySite gave me the option to "Remove header" from my site when using the app. I want to do this, but it's not working due to the header being named some class other than "header" within Squarespace's code. Since I can't fix this on AppMySite's end, can you all help me (maybe with code injection?) to tell Squarespace to NOT show the header or footer when the page is being loaded by the AppMySite app? Here's what the AppMySite people said: Would it go something as simple this? can anyone help? Thank you! <script> if ( ***SITE IS BEING OPENED IN APPMYSITE APP***) { ***DON'T DISPLAY HEADER or FOOTER***; } </script>
-
Site URL: https://badger-flugelhorn-yp72.squarespace.com Hello, On the desktop version of my site, the site logo and navigation overlay on top of the banners at the top of each page: However, the mobile version has it on a white background above the banner image: Is there a way to get the logo and menu 3 lines to overlay on top of the banner image in the mobile version as well? Password for the site is 123 Thank you!
-
Site URL: https://www.yourestheticianbff.com/ Hi there! Attached is a picture of what I'm talking about - for the rest of the theme the background is black/the text is white but for some reason when I open the mobile navigation menu it reverses this. Is there a way to make this section of my page black background and white text/social links? Thanks in advance!,
-
What are the tags to change Mobile Information Bar font and Hours font and colors?
-
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: https://www.beginners2runners.co.uk/ Please help me! On the mobile version, there is lots of white space above the homepage video, which is under the header. ... Also, when the website is loading the CSS is showing before the page loads under the announcement bar, can anyone help please?? -
Site URL: https://www.sebleon.com/ Hi everyone, My navigation menu works fine on the desktop version, but on the vertical mobile version, when the navigation gets condensed to "menu" it stops working on the homepage. On all my other pages, it continues to work, but when I press "menu" on the homepage nothing happens. Does anyone have any ideas why this might be the case? I'm using version 7.0 Avenue. Thank you!
-
Site URL: https://www.rockerboxgarlic.com/ Hi! Been using Squarespace for a decade and this is my first time ever posting a question 🙂 I've searched everywhere and have no solution to this problem. I need to change the layout of my mobile header, and there is no way to do this without custom code. As you can see, my menu and logo are stacked, which takes up almost the whole mobile screen (see the white "Spice Co" screenshot). I would like it to have the more traditional layout of having menu/logo/cart all in the same row (see the swimsuit screenshot). I use version 7.0, Montauk template. Thank you!
-
Site URL: https://raspberry-wolverine-7tn4.squarespace.com/ Hi all, Almost finished de desktop version of my website. So I wanted to start on the mobile tweaking. 1. First problem. Fixing the mobile navigation. I can't see the icon. Looked in sitestyles. No idea why it is not showing. Any suggestions? Does anybody know why it might not show up? It Brine template with video banner 2. Is it possible to show the logo as wel? Would be most grateful for someone to help me out. Thank you! Kind regards Ester
-
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: 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! -
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: 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://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?
