Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'mobile'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. I have am using a Brine/Moksha template and, on various pages, I need to change the background image to a different image when on mobile/tablets. Does anyone have script/html solution for this that I can inject in header? or css? See https://yelar.squarespace.com/hi-im-barbara-on-home for an example.
  2. Site URL: https://www.justgoodjuju.com Thanks to Tuanphan's help, I have the Customer Sign-in link renamed on our site and it works great when viewed on desktop. Can anyone give me guidance on how to make the same thing happen on Mobile? Code: /* CUSTOMER ACCOUNT SIGN IN LINK */ .Header-account span.unauth { visibility: hidden; } .Header-account span.unauth:after { visibility: visible; content: "VIP Customer"; }
  3. Site URL: https://thelaurieloo.com I have a pop up currently live on my site (the full page option with left image), and when I view it on mobile it just shows at the bottom with text/button and no image. I would really love the image to show on mobile, but I don't know how? I tried doing some other layouts with images (thinking it was just a full page thing) and it still does not show the image on mobile. Any ideas?
  4. I am looking for a way to force summary blocks to display 3 thumbnails per row along with their excerpt for mobile screens. Does someone know how to accomplish this? I have the summary block on the page below: https://www.dothingsnyc.com/journal Thanks, Josh
  5. Site URL: https://www.twentyfivedelta.com/solutions For this specific page https://www.twentyfivedelta.com/solutions I'd like to have it so the order of the paragraphs and videos/images for each of the solutions is consistent in mobile view. Paragraph - Video/Photo - Line Break, Repeat. Tuanphan, I need you! Thanks in advance!
  6. Hello, I have parallax enabled for a banner image (which I like). However, on mobile, scrolling down the page looks very jittery. I'd like to disable parallax on mobile altogether, while leaving it functional on desktops. How can I do that? I've tried injecting the following code into the page header, to no avail: @media screen and (max-width:640px) { .parallax { background-attachment: inherit; } } Thanks, Joe
  7. Site URL: http://www.goedland.nl Hi all! I'm looking for a way to hide the mobile hambuger menu on a few specific pages of my website.. How do I best do this? In my Custom CSS I've added the following code on the pages I needed to hide the main navigation & footer. In this I have succeeded, but the hamburger on mobile remains... Also is there an easier way to hide the main nav and footer than what I've used now? Thanks in advance! #collection-5ea43d4d14bd4f0e74ba7e12 .Header-nav { display: none!important; } #collection-5ea43d4d14bd4f0e74ba7e12 .Footer { displa
  8. Hi, Does anyone know how to edit the footer size for mobile version? I seem to be having problems with it. It looks so long(first image), but I wanted short like the second image attached. Thank you in advance 🙂
  9. Site URL: https://kirkhill.com.au/ Hi all, Like this user below, I’m trying to adjust the size of the headline on mobile only so the text isn’t ridiculously large. I successfully added the css below into the Cover page layout https://kirkhill.com.au/homearchive however it doesn't work with the Card page layout for https://kirkhill.com.au/ <style> @media screen and (max-width: 600px) { h1#sqs-slash-page-header { font-size: 20vw !important; } } </style> Any idea what needs changing? It would be great if I could change the font size to match
  10. Site URL: https://orchid-deer-93zh.squarespace.com/ Hi, As you can see from my website, I have 3 markdown-boxes next to each other with different background colors. When you view the website on mobile, they go nicely on a stack, but when you view the site on a tablet they are uneven and look horrible. I was first thinking is there a way to have a fixed height for these boxes? Would that be a good option? Or - can I change the mobile breakpoint so that they go on a stack on a tablet as well? And how would I do that? Thanks in advance!
  11. Site URL: https://www.when-podcast.com/ Hi, in desktop view my 3 icons in the footer sit side by side horizontally, when I switch to mobile view they stack vertically and become huge, is there a way to stop this happening and keep them three in a row? Thanks!
  12. Site URL: https://www.thelivinghouse.co.uk/ Please can anyone help with resizing one image on my website for mobile view? I have tried various attempts but still cannot resize the image so that is more zoomed out for mobile. Many Thanks Sophie
  13. Site URL: https://karmalambnaturals.squarespace.com/config/ Is there any css to resize this section it's not mobile friendly at all? Please help!
  14. Site URL: https://www.woho.co.uk/news Hi there, I have been trying to find a solution for a problem I have been having on my news page whilst being viewed on mobile. It shows this order as you scroll down in a single column: 1-Picture 2-Text 3-Text 4-Picture 5-Picture 6-Text 7-Text 8-Picture 9-Picture 10-Text When the order I want it to be is: 1-Picture 2-Text 3-Picture 4-Text 5-Picture 6-Text 7-Picture 8-Text 9-Picture 10-text it seems that this is a common problem that is well documented on this forum but all the CSS code I have
  15. Website: www.momuofficial.com My poster image blocks turn out weird on a tablet. On the phone, it's okay because it stacks, but when it's on a tablet, it appears side-by-side and the text overruns the box (image attached). I tried using CSS to fix it—I tried to force it to appear on a tablet as it would on a phone but to no avail. Also, for the overlap image block which is just slightly less of an issue than the poster image block. On the tablet, the text too small. Any help is appreciated.
  16. Site URL: https://www.injectiongal.com/ 1. I don't understand why squarespace STILL hasn't figured out how to optimize headers and drop down menus better for mobile view. Why can't we set specific font sizing for mobile view like you can on Webflow? My clients like the big header fonts on the desktop view, but they don't adjust appropriately on mobile view. it cuts off the word and drops the letters to the next line. This looks ridiculous. 2. The drop down menus in mobile view do not work when the mobile information bar is enabled. It freezes and cuts off some of the services listed. I
  17. Site URL: https://cat-wedge-xh9c.squarespace.com/about I have not been able to get a clear answer on getting my background/banner video to autoplay on mobile. I've got a background video coming from YouTube, which I know has been having problems, so lower on the page I added a background video from Vimeo (I have Vimeo Plus) to test out. I know that video needs the playsinline attribute to autoplay on mobile, but where? How do I add this? adding "?autoplay=1" does nothing. Or is it actually just impossible to get background videos to autoplay on mobile on Squarespace 7.1? Do I need
  18. Site URL: https://www.uniquelydolledwigs.com Hello, I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color when the mobile navigation menu is active? I've attached an example. Any help would be appreciated!!
  19. Site URL: https://www.vernhippensteal.com Hello, I am using the following CSS for a custom sidebar navigation menu: #headerWrapper header#header { height: 100vh !important; padding: 15px !important; /* change to anything you want */ } body.sidebar-position-left #headerWrapper { left: 0 !important; top: 0 !important; } #headerWrapper header#header { height: 100vh !important; } header#header { background: #402533; } What do I need to change or add so that the header does not take up 100vh on mobile? One scr
  20. Site URL: https://www.deviantdigitalservices.com/ I'm trying to hide an image block on mobile but so far the CSS code I've inserted is not working. See below for the code I'm using under Design > Custom CSS I've watched YouTube videos and found previous threads in the forum with this code suggestion which make sense and other users vouch for. The problem, I think, is I have 7.1 version of Squarespace. Even when I ask support they're not sure why the code isn't applying properly and they directed me here. I tried simply resizing the image instead, which looks good on the mobile e
  21. Site URL: https://www.andreaaronica.com/test-sidebar/Blog%20Post%20Title%20One-nhkjm Hi there, I wanna reduce an image just on mobile. I tried with this code but every time I had the Id I get a syntax error. #collection-573ca1a67c65e4bc1c012206 { #block-yui_3_17_2_1_1602785904195_3833 @media screen and (max-device-width: 640px) { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } } Thank you.
  22. Site URL: https://www.rogerroger.co/ Hi! I was wondering if someone could help me. I have a section on my page that has 2 column text blocks like this: But when it goes into mobile, the number columns stack into a single column like this: Is there anyway to force it to display 2 columns instead of 1? Thank you very much in advance!
  23. Site URL: https://www.thomasperceval.co.uk/ Hi, would greatly appreciate any help with this. On my website, on the browser for desktop, the website looks fine and correct (image attached: 'desktop') There is my black writing (signature) logo on white background at the top, and above that, the menu tags for the different web pages of the website. But on the mobile site (image attached: 'mobile'), the header menu looks wrong. Because the logo in black writing is surrounded by a rectangle, which is then surrounded by a black area. I worked out that the only way to change this black a
  24. Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Any tips on why this is happening, and how resolve it? We've found that the majority of site visitors use mobile, and don't want to reduce the impact of the image. Thanks in advance.
×
×
  • Create New...