Jump to content

Search the Community

Showing results for tags 'mobile'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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


  • Events Calendar

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 looking for some help with the product details pages on my web store. On mobile, I'm concerned that users may not notice that the images are scrollable when the black left/right arrows are against a dark background. Good example: https://catherineamesbury.com/shop/p/bella-pearl-bracelet On the desktop site there is a list of tiny previews of each image, which is perfect. I would love to have something like that on mobile if possible, but as far as I can tell there's no such feature built into the template I'm using. It also occurred to me that it might be easier to just add a faint white box around the arrows, as is default when the section format is set to Wrap, Full, or Half. I'm quite keen to keep it on Simple though as this looks best on desktop. Many thanks!
  2. I have an Events page with a linked Calendar block at the top. On the desktop (and on "mobile view" on desktop) the Events list in earliest-to-latest order. But on an actual mobile device, the Events list begins with the latest (last) event at the top of the list so the user has to scroll to the bottom to find current events. How do I get the Events to list "earliest to latest" on mobile devices?
  3. Hi there, I would love some assistance to figure this out. I am using Bedford. In a poster image, the text looked fine on desktop, but was cut off in tablet and mobile views. I figured out to adjust the font size to work for the tablet view. However, when I adjust the font-size for mobile, it appears lower in the image and is cut off. How can I adjust it so the entire text appears over the image? I am attaching an image of the mobile view (cut off text) and also the tablet view (text visible). Thanks so much!
  4. Hey there! I've been trying to get the banner slideshow on one of my pages to fit on mobile, right now its cutting off the image. I have a personal site if that's important to know! Thank you in advance for the help!
  5. Hello, I've posted on an existing thread regarding this issue, but I don't think a resolution has been found. Basically I'm using a Gallery Reel and it's displaying three images on desktop, but on mobile only one image displays at a time. Is it possible to display 3 image thumbnails on the mobile version? Attached how I want it to look vs how it actually looks on mobile. Here's my site: https://mackerel-vibraphone-f854.squarespace.com/functions password: eaglehawk Thank you
  6. Hi all ! So I am creating blast email templates to send to my contact lists, where I choose a specific color for my section background (let's say, green). It looks great and all, but when someone receives it on their phone or tablet, and their dark mode is turned on, then the background color inverts and it looks really bad. Is there a way to force the background color on any devices? Thank you so much for the help!
  7. I built my website around Squarespace mobile view and my iPhone 13 Pro Max. Both showed that the layout looks fine. When we visit the website on android devices it seems to scale to some sections of the website wrong. How could I go about fixing this issue? I have attached some photos (the first three photos is the view from android devices, the last three are Squarespace mobile and my iPhone view.
  8. Hi There, I am looking for some guidance on how to make my code block with an embedded smartsheets form responsive to mobile display. As seen in the image below it is causing it to be the same size as web display. I have tried to add css with the block id as below with no luck: @media screen and (max-width:640px) { div#block-yui_3_17_2_1_1611768057164_13459 iframe { width: 100% !important; height: auto; } } Any help on this would be greatly appreciated!
  9. So I want the font size smaller on mobile. www.starcruiter.no >>>select 'Konsulentportaler'
  10. Hi, Think I've got things pretty right, but can't for the life of me work out how to edit the links (the large dark text) to the following projects as shown in the attached pics for mobile view? They keep ending up cut off and overlapping...
  11. Hi there, anyone know if there's a bit of code, or a work-around, for having a different number of gallery columns between the desktop or mobile presentation? I'm using the 'masonry' grid and if I change the column count it effects both presentations. Thanks, Mike.
  12. This didnt used to be a problem in 7.1. I have a gallery in two columns on desktop view, in fluid engine this keeps two columns on mobile view but I would like a single column stacked on mobile and two columns on desktop. Happy to change all galleries sitewide but does anybody know how to not have tiny thumbnails on mobile?
  13. Hello Forum, I've been using this block of code in the advanced panel of 'Page Settings' in order to assure that on a mobile device the gallery images display as a single column. The problem I'm having is that it doesn't add any padding below the images and they just stack on top of each other. Anyone know if I can alter this code to adjust bottom padding? As a crappy workaround I just added a caption to every photo which is set to <br> but it adds too much padding to both the mobile and the desktop photos (see screenshot below). Thank you for any thoughts. Mike. <style> @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 2 !important; padding-right: 2 !important; } } </style>
  14. I can't figure out how to adjust my background video so that it isn't cut off when viewed on mobile device. 😞 I have looked through forum and tried to apply recommended codes, but with no luck. Please help! goldcoastsurfschool.squarespace.com gcss22
  15. Hi there, I have an image on the homepage of my desktop site but it's too wide for the mobile version of my website. How can I put a different image on the homepage of my mobile website without changing the image on the desktop version of my website?
  16. Site URL: https://www.faceplusform.com/ Hello, can anyone help me with the code for the portfolio grid on my homepage? I was able to adjust buttons to 2 columns on mobile, but I have difficulty finding the right solution for the portfolio showing in 2 or 3 columns on mobile? Also the same question for any section on the website that has 3 or 4 images (not gallery sections), how can I display them in 2 or 3 columns?
  17. Site URL: https://www.immyhowardmillinery.com/bandanna-bows Hi there, I am in the process of building some product pages on my website (the current products listed are demos set up by my Squarespace template and are unlinked, but the pages are enabled) and the current layout of my products is 3 per row on Desktop view. I am trying to alter the mobile view of my product pages to have 2 products per row, instead of 1 product per row. Is there a way I would be able to do this? Any help would be much appreciated. I am very new to using Squarespace so apologies if I have overlooked anything obvious! Cheers Immy @tuanphanI see you seem to be a wizard at this! Hoping you might be able to possibly help me at all? Thanks!
  18. Hi, I think on all my pages the header text is scaling down to fit on the mobile width except for my contact page - for some reason the second and third headings on the page 'collaborations' and 'recommendations' are breaking across the page on mobile view. They have no custom css attached to them and i've tried removing all formatting, deleting and re-adding etc. Can anyone spot the problem please? It's this page: www.whyyoucreate.com/contact Password: cr3ate
  19. Hello! For some reason my client's website isn't displaying correctly in on mobile. https://www.ana-uribe.com password: hello In the Squarespace editor mobile view the image of the face is flush with the bottom of the Header. But when I test the mobile site on a mobile phone there is a small space. Could someone please help me with this! Kind regards, Dan
  20. Hello, I recently noticed a few things have changed in my split screen sections even though I haven't changed the code. 1. The text (content-wrapper) on the left would move under the photo in mobile view, it now sits on top. 2. The background colour of the section isn't appearing either. I hope someone can help me, as It was previously working perfectly. Thank you!! [data-section-id="60bda31d40956e03d4135f0f"]{ background-color:#F4F4F4; @media(min-width:767px){ .section-background{ width:50%; margin-left:50%; } .content-wrapper { width:50%; margin-right:50% !important; } } @media(max-width:767px){ display:block; .section-background, .content-wrapper{ position:relative; } .section-background{ height:300px; } }
  21. I'm trying to show the title automatically when opening the lightbox, with the description stays hidden. Any help?
  22. Hi, I have problem with buttons. On dekstop (image 1) they are nicely after text block but in mobile there's too much space after text block (image 2). How can I move buttons on mobile so they are nicely after text block (image 3).
  23. Hi, how I can make more space after accordion block on mobile? On dekstop, there's nice space after accordion block (image 1), but on mobile there isn't any space (image2). I would like to add some space after accordion block (image 3) Page is here: https://www.emisbeauty.fi/kestopigmentointi
  24. Custom fonts work on desktop. They also work in browser Inspector, mobile view. BUT...they do not work on actual mobile devices. Here is my code. Help! 🙂 URL: https://www.breakthelink.org/ @font-face{ font-family: 'Nexa Light'; src: url ('https://static1.squarespace.com/static/62c4c46ef88c2c6a02afa70f/t/62eaa735ea232972ef2dc4a4/1659545397369/NexaTextDemo-Light.woff'); font-weight: regular; } h1 { font-family: 'Nexa Light'; } @font-face{ font-family: 'Playfair Display'; src: url ('https://static1.squarespace.com/static/62c4c46ef88c2c6a02afa70f/t/62e69ebf7096f8757c4b57a8/1659281087510/PlayfairDisplay-VariableFont_wght.ttf'); font-weight: regular; } h2 { font-family: 'Playfair Display'; }
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.