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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi, Iā€™m wanting to add text blocks similar to the attached example in my mobile overlay menu so it displays phone, email and address details. I also want to be able to control the formatting. Thanks in advance for any help!
  2. Site URL: https://www.mindspacehub.com.au/ Hi there, Having some trouble with white space just on mobile view. Within Squaresspace itself on mobile view it's fine but on an actual mobile device there is so much white space that I can't seem to get rid of. Does anyone know a way to remove this? Thanks in advance! Website URL: https://www.mindspacehub.com.au/
  3. Site URL: https://www.rubenvanriel.nl/performance-method I've created the site www.rubenvanriel.nl and use in the header a white logo. I've changed on certain pages (for example: https://www.rubenvanriel.nl/performance-method) the logo because the background is white. I've used this code in the header code: <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/604a2484aa92df0f526d7479/t/604a6076ce3f69737ba12e41/1615487094484/Logo+Ruben+van+Riel_RGB.png"); } </style> I only want to hide the logo for the mobile menu overlay because the logo is not visible anymore on the dark red background. I've tried a few solutions and codes but none of them are working for me. Can anyone help me out? Thanks a million!
  4. Site URL: https://seal-potato-w634.squarespace.com/felton-table Hi team, I'm just tailoring all of the pages on my clients new website to suit mobile. On that note - isn't the way that SS populates mobile pages on 7.1 with fluid editor just totally ridiculous? There is no logic what so ever as to how they position the blocks and you end up having to redesign every page for mobile - what a nightmare and a double up. I love it that we can now easily change the layout for mobile but having to rebuild from scratch as all the blocks are in a weird order is taking way more time. Anyway, I am experiencing what I can only think is a bug on some of my product pages on mobile. You'll see with the screen shot that the pages have a large top image and then below them a Gallery of smaller images. The Gallery is a grid with lightbox so they pop out. Below this is a text box with the description for the product. It looks great on Desktop but I am having issues on mobile. On the editor view, the images in the Gallery are really big, with two per row. When you view on the actual website on your mobile, they're small images below the top image which looks great. The issue is, that if I make it look like the page content is properly spaced on the editor, it adds a huge space on the live page. To ensure that there isn't a huge space below the gallery, I have to place the text over the gallery itself on editor. This is really hard to guess where it should be and also such bad practice. Has anyone else experienced this before? Am I doing something stupid? Is there a way to make the editor screen and actual site look the same so it's easier to edit? This is the product I'm currently editing - https://seal-potato-w634.squarespace.com/felton-table - password is TEST. Take a look on mobile. You'll see that the description is nice and close to the small gallery. But to make it look like that, the editor looks like the attached image with the text over the gallery. If I move the text below the gallery on editor, it leaves a huge white space (the length of the gallery in editor) on the live site which looks terrible. I hope that what I'm saying makes sense! I'll be feeding it back to SS. Thanks!
  5. Site URL: https://cello-cat-cx45.squarespace.com/ Hi guys, I think I need your help on this one : The text layouts on my website look good on Desktop, but are messed up on Mobile : The title of my website becomes 2 lines instead of 1 in my header, and on project pages the description texts stay on 1 line and become unreadable as soon as it is a bit long. I can't find a proper way to fix these while not changing anything to the Desktop version. Here's my trial website and password : https://cello-cat-cx45.squarespace.com/ password : hellocamilleb Can you help ? Thank you ! Camille
  6. Site URL: https://www.history-ink.com/ Hi! On the above site, when I navigate from any page on mobile, i.e this one https://www.history-ink.com/discoveryourstory and use the logo to navigate to the home page, a grey box appears briefly behind, before displaying the home page. Do you know why this is and how to resolve? Many thanks.
  7. Site URL: https://audreykester.com/omika Hello! I attached screenshots to show my issue. The banner image on my page is zoomed up on when viewed on mobile. Although I don't intend to include the entire width on mobile, I do want it to include more of the image like how it is shown on desktop. Can anyone help with the code for this? I've been trying for days and can't figure it out! Thanks šŸ™‚
  8. Site URL: https://www.anastasiidesign.com Hi @tuanphan could you please help me with resizing my banner? All banners at the pages look like this on the phone. Thank you in advance! Here is link https://www.anastasiidesign.com/about
  9. What is the code to change the font size of a services section title on mobile? Thanks!
  10. Site URL: https://www.countiesenergy.co.nz/residential/connections Hi there, We are having an issue with a module on a page on our website. https://www.countiesenergy.co.nz/residential/connections The section is not appearing as it should. The cache on the device/browser (iphone13/chrome) has been cleared but the problem persists. The section was built using custom code. Can anyone help? Thank you! Sam
  11. Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you!
  12. Site URL: https://www.reachnaz.com/firsttime I am not a complete amateur, but I'm close. Is there a way to lock images into place if there are several images all in one section of the page?
  13. Site URL: https://plum-trout-c8tl.squarespace.com/ Heyo, I am using Auto-Layout to display some work. But the Text is blocking the image on Mobile. I am trying to move the text container to the bottom of the picture. Currently the text is in the middle and blocking the view. I have already "removed" the arrows on the bottom by making them transparent. Now I want the text to be the arrows have been. Site URL: https://plum-trout-c8tl.squarespace.com/ Currently: How I would like to have it (example): Would be very happy for any kind of help! Thanks in advance!
  14. How can I change the aspect ratio for Gallery in Mobile using CSS? It's currently set to 1:1 on Grid: Simple. This is the code I am using to control the gallery at the moment: @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; } } What can I add to the code to change the images within gallery to either 3:4 or 2:3 AND where in the code do I add it? Image attached showing what the site looks like in mobile
  15. Site URL: https://sphere-wolverine-yt27.squarespace.com/about-the-designer @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1660581788829_332+.row { display: flex; flex-direction: column-reverse; } } url https://sphere-wolverine-yt27.squarespace.com/about-the-designer password Emi123 this is the code I am trying but it is not working, I want "Emily Gannon and the bio" to go under the photo to match the first and thrid section! Thanks!
  16. Hello I have an issue with image/batch size in mobile view vs desktop view. I have three batches image in my home page but in mobile view not all 3 batches are same size, how can I make all image batch to be same size, please help
  17. Site URL: https://www.namaomo.com/ Hi can anyone help with mobile/tablet display I want it to show 3 products in line thanks!
  18. Site URL: https://www.nonprofitnomad.com/about Hello, I'm having a recurring issue on sites I'm building where bulleted lists that are separated into side-by-side columns on desktop get stacked on mobile with a space between them. How do I eliminate the space? Please see screenshots of how it looks on desktop and the space that appears on mobile that I'd like to get rid of. The URL is https://www.nonprofitnomad.com/about. Thanks in advance!
  19. 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
  20. Site URL: https://smallsisgood.com/menu-copy Trying to implement the menu block for a restaurant and it works great, except on mobile the height is always as tall as the longest section of the menu (drinks) which results in a lot of blank space when viewing other sections (grab & go, salads, sandwiches, etc.). Is there a way to tighten up the height to show only what is needed for the section being viewed? smallsisgood.com/menu-copy
  21. I'm building a site in 7.1 with Fluid Engine (which is great šŸ˜€) but it doesn't look great on tablet screens, especially when viewed in portrait. On mobile's it's great as the new mobile view editing option means you can reorder elements - which I love. I'm thinking if I can just make it switch to the mobile layout sooner, ie for ipad portrait width, then it would look great on tablets too. There doesn't appear to be a mobile breakpoint setting in 7.1 as there was in previous versions and the CSS I've found online doesn't seem to be working, is there some CSS I can add that will adjust the mobile break point in 7.1 sites built with Fluid engine? Many thanks in advance to anyone that can help!
  22. Site URL: https://trumpet-red-ffsb.squarespace.com I am trying to change my portfolio landing page (which is also my home page) so I get a different image for the mobile site vs the desktop site. That seems easy enough, but it changes the banner for the page under that as well. Any page accessed through the portfolio pages don't change however, just the portfolio and the pages connected to portfolio. So if you go to the Chalkboard Art page , it has the same image as the portfolio page (I'd like it to be plain black). But if you go to Stonyfield under the Chalkboard Art, it's black, just how I want it. Is there any way to keep it from changing the secondary page? I got the original code from Inside The Square /* =============================== */ /* Shows different image 4 mobile */ @media only screen and (max-width: 640px){ #page .page-section:nth-child(1) .section-background img {opacity:0 } #page .page-section:nth-child(1) .section-background { background-image: url(https://static1.squarespace.com/static/62243b39a0f8a94fd0f4b835/t/622a92407674cb7948261a63/1646957124561/Mobile-bkg.png); background-size: cover; background-position: center; background-repeat: no-repeat; } } https://trumpet-red-ffsb.squarespace.com sharynchanart Thanks so much!
  23. Site URL: http://www.alexcrawfo.com I like the mobile version of my website but I don't like the computer version of my website. Is there a way to apply code to only the mobile version of my website and not the computer version? I don't want to sacrifice one for the other if possible. On the computer version I want my pages to have the carousel template underneath the slide show and on the mobile version to have the stacked template (current template). Thanks!
  24. Site URL: https://www.qutefs.com.au/about Hi there, With the new squarespace design system I was hoping I'd be able to increase the columns on my simple list that I have made from the about us template. On desktop it looks great with 5 columns that means visitors dont have to scroll super far to view the content below all of our faces but on mobile its only a single column. Is there a way I can make it atleast two columns on mobile?
  25. Site URL: https://bapu4davis.org I wanted to ensure our "Donate" button appeared in the mobile header. To get it to show up, I had to use some custom css I found from https://blog.tawfiq.me/how-to-add-a-button-to-mobile-header-between-logo-and-menu-icon-squarespace/. /* Show button on mobile menu*/ @media screen and (max-width:1024px) { /* show button */ .header-actions { display: block !important; } .header .header-actions-action--cta { display: block; width: 10% !important; } /* logo width */ .header-title-nav-wrapper { flex: 10% !important; } } The button now shows up on the mobile header, woot! Problem is, it overlaps with the hamburger icon. See photo. How can I change this spacing? Thank you all for any help!
  • Create New...