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


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://bronze-sunfish-znhp.squarespace.com/ I'm happy with how the site looks on desktop, but need to shrink the heights of sections on mobile - which css can I use to achieve this? Site: https://bronze-sunfish-znhp.squarespace.com/ Pass: blulab2021 Thanks so much!
  2. Site URL: https://helicon-mackerel-9k6a.squarespace.com/ Hello, I have followed rebecca's tuto to edit all the background image on mobile. When I do that it seems to work well but the issue I have is that mobile images keep disappearing. The link generated with the custom files for the images to not redirect to an image. It looks like Squarespace remove that image from the custom files. What should I do to solve that problem? Here is the code structure I have used for each section where I wanted to show a new image @media @mobile { /* Insert Code for Mobile Below This Line*
  3. Is anyone else seeing really bad mobile speed tests on their Squarespace sites? Every one I test has good desktop speed tests (80+/100) using PageSpeed insights but really bad on a mobile (under 40/100), some under 30... Does anyone have any tips how to improve mobile speed? Main issues seem to be the following: Eliminate render-blocking resources Remove unused JavaScript Serve images in next-gen formats Remove unused CSS Ensure text remains visible during webfont load Reduce the impact of third-party code (all seems to be Squarespace and Adobe Typ
  4. Site URL: https://karlymarie.ca Hi there, Trying to resize this image on the Contact page of my client's site as it appears quite large on mobile. Any recommended code? Greatly appreciate the help!
  5. Site URL: https://www.kupunacareconnection.com/ I have a secure page that contains a form with the light box feature on. When on a mobile device, the user clicks in a field to enter information, the form is zoomed in and the keyboard obscures the fields. After typing the view is still zoomed in. This does not happen on a computer. I’ve included an image. What can I do to fix?
  6. Site URL: https://cnicholson.ca/ Hi again Squarespacians, Getting to a happier place with fonts on my site, on desktop, but they're the wrong size on mobile. In the previous version there was a way to scale each font for mobile - how do I do that with 7.1? Any help appreciated! C
  7. Site URL: https://www.self-offense.com/ Hello! Does anyone know how to make a fullscreen slideshow scale down in mobile view? It just crops awkwardly, by default. Thanks in advance, Emily
  8. Site URL: https://www.dezendezen.com/scrunchies Hello there, On the desktop version of my site I have elements in two (or more) columns, but on the mobile version they are shown in only one. For exemple in this page: https://www.dezendezen.com/scrunchies You can see that the products are in two columns but not the images and text. I would love to see two columns of elements in the mobile view of my website the same way it is with the product view. (I have two columns product because I add a CSS code) Anyone can help?
  9. Site URL: https://pufferfish-lion-mkrm.squarespace.com/about Hi everyone, Both Safari and Chrome don't display background video's on mobile. Anyone has a code to get it going? Thanks in advance K
  10. Hi, Because of issues with background video I'd like two homepages, one with a video background (for desktop) and another with a slideshow gallery (for mobile). Is it possible to add some code so that mobile devices jump straight to the gallery homepage? And desktop devices jump straight to the video background homepage?
  11. Site URL: https://www.tbias.design/home/pay-the-poet Hello! I am creating a portfolio for UX Design. Currently, things are looking great but I need to fix some kinks that have been giving me issues. I'll explain. I embedded my figma prototype into the case study. Here's the link: https://www.tbias.design/home/pay-the-poet. It's in the 'Prototype' section. The embedded code looks great in web mode. However, it's not responsive, when the window is smaller or in mobile mode. Here's the code that I use: <html> <head> <style> #content { width: 10
  12. Site URL: http://www.laurenfisher.photography/ Hey everyone, I've built a couple squarespace sites from start to finish but recently someone asked me to take a look at their existing site and well the mobile version of the site isn't working. Before I go rebuilding it from scratch is there something I'm missing? I don't know of a way to intentionally disable the mobile version of a site. Any ideas of what might be causing this?
  13. Site URL: https://carolynkdesigns.com I had CSS on my site for my product pages to display two columns on mobile. The code worked until I changed the type of page to make it more SEO friendly. Here's the code I have: @media only screen and (max-width:640px) { .products .list-grid { display: flex; flex-wrap: wrap; justify-content: space-between; } .products .grid-item { width: 48%; } } I suspect that the line that needs to be changed is the .products.list-grid since I no longer use that type of page to display products. Check out any of the five produc
  14. Hello, First post here, looking for some advice working with the following css script: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : ".Index-page", }); }); </script> This "Scroll-Lock" script works great on my desktop site, but not so much on mobile. I think I'd rather
  15. Site URL: https://magnolia-hawk-8wyh.squarespace.com/ Password: thisisart I figured out how to turn off the hover effect in my portfolio grid using the below code, but now it's hard to read on the mobile. Can someone help me with code to put a overlay gradient on mobile only or a suggestion to make the text legible? Thanks! // Portfolio Text on Mobile // @media screen and (max-width:640px) { .portfolio-text { opacity: 1 !important; } } @media screen and (max-width:767px) { .portfolio-text h3 { color: white !important; font-size: 26px ! important; } }
  16. Site URL: https://www.mialee.work/ Hello, I'm working on my web portfolio (www.mialee.work) and am running into some issues on the mobile site. I've listed changes I'm working on in order of importance and would appreciate any help and pointers. Attached is an image of the current state (top 2 images) and the desired outcome (bottom 2 images). menu: I'd like to change the current mobile menu to a sticky menu, flushed right, with the very top item to be "menu" (or hamburger). Right now, it's centered and when opened, pushes the web content down and the "menu" is the last it
  17. Site URL: https://www.thesuccessleague.io I'm building a site for a client on a 7.0 Bedford template (Hayden.) I'm having an issue where clicking the hamburger icon on mobile version of site will not activate the mobile menu. Occasionally, the window will pop up, but then I'm unable to click any of the navigation items. Some research leads me to suspect that it's an issue with some of the HTML blocks I have on the site, or a tabs plugin I have installed. Would appreciate any assistance with this issue!! @tuanphan perhaps this is within your expertise? Thanks! www.thesu
  18. Site URL: https://kpluswarchitects.com Hello! I used the code below in order to have two different fonts on the same line. It looks great on desktop and even in the squarespace mobile preview, but on my actual phone, the fonts do not match what is specified in the code. // 2 Fonts // h4 strong { font-weight: 400; font-family: Brandon Grotesque; font-size: 2.6rem; color:black !important; } The first screenshot is correct, and the second shows the view on my phone with the wrong fonts. The website password is: charlie1 I appre
  19. Site URL: http://www.ebcophoto.com Hi my custom CSS H1 font code is only appearing on the desktop version of my site and not mobile. do i need specific code to make it work on mobile too? (the intended font is called White Angelica} Thank you
  20. Site URL: https://mareehaute.vin Hi there, I'd like to change the size of my gallery-slideshow on mobile: it is too small in terms of height, I would like it to be at least squared, or vertical, or full screen. Please find attached a screenshot on how it currently looks on my iPhone. Thanks for your help! Baptiste
  21. Site URL: http://www.thespacollaborative.com Figured out how to reduce font size in the menu, but the CTA button is still haoooge. Can someone please advise on CSS to fix this please? Site example included. Thanks.
  22. I created 2 rows for 2 text blocks which looks fine on desktop, but on mobile the text is to far apart and it creates linebreaks. How can i reduce the spacing between the 2 text blocks? I need a css code to work on multiple pages like this I used this CSS code to create the rows: @media screen and (max-width:640px) { .sqs-row .row { display: flex; p{font-size:0.8rem!important} width: 100% !important; } }
  23. Hello, I have carousel gallery blocks as a banner in the first section of a page. How can I change the height of this section for mobile & tablet? Thank you. Katja
  24. Site URL: https://tynegate-films.com/ I'm trying to remove the banner video from appearing on mobile on the homepage, but not have the mobile fallback image appear and without having a space in the video's place. URL is https://tynegate-films.com/ There doesn't seem to be a block-ID for the banner video, if there was then that would be a simple fix to remove that for mobile. I've tried using various custom CSS provided from other threads on the forum but haven't had any success. Any help would be really appreciated!
  25. Site URL: https://www.vintagedishandtell.com/hero-recipe-slideshow I'm adding a slideshow gallery to my client's site (7.0), and I'm having some spacing trouble. It looks good on desktop and tablet, but on mobile there is way too much top and bottom spacing. I've tried searching for mobile-specific CSS suggestions, but none have worked. The only ones I've found have to do with width, not padding height to get rid of that top/bottom whitespace. I'm also open to increasing the heigh of the slideshow container itself so it fills up that space better. Whatever can be done so the spacin
  • Create New...