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://coconut-lobster-36me.squarespace.com/ Password: izette Hi! I've found similar questions to this, regarding product lightboxes but struggling to work out the CSS for my site... Is it possible to add arrows to mobile lightboxes? (or at least not have the arrows disappear when the width is narrow?) Here's how the arrows appear on desktop - which is OK: But when it's viewed on mobile, they don't appear: Please let me know if this is something custom CSS can help with! Thanks in advance 🙂
  2. Site URL: https://www.rustyling.com/ Hello, I like to have my images in full width without cropping in the mobile version. Is there any css I can add? https://www.rustyling.com/visuals Thank you so much for your support!
  3. Site URL: https://www.saragagliacouture.com/collections Hi there, I have some images set with caption on hover but on mobile this does not work so I'd like to change this setting and have the caption always on, only for mobile version. I have tried some codes I have seen from other queries but for some reason they do not work for me. Can you please assist? My site is: saragagliacouture.com pw: Saragaglia
  4. Site URL: https://giraffe-fife-xnsh.squarespace.com/work Hi, I have tried all suggested code to apply two columns to a portfolio for mobile version but none of them seem to work. I was wondering if other code may be preventing it from working but would love some guidance! Thanks, Billy
  5. Site URL: https://www.meryangelo.com hi there, I am trying to get these three buttons side by side, is it possible to do? what css code should I use thank you in advance, Mery
  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. Site URL: https://www.tothemart.net/ Hy guys! The site is password protected, the password is: teste OK so , until last night my site was working properly This is the CSS i used and it worked perfect: /* Change dropdown menu background */ .header-nav-folder-content { background: hsl(60, 7%, 77%)!important; } .header--menu-open .header-mobile-logo img { -webkit-filter: invert(100%); filter: invert(1); filter: progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } .gallery-grid-item img:hover{transform:scale(1.5); width:100%; height:100%; o
  8. Site URL: http://www.mattshafter.com Hello, I have an exceedingly simple new website (1 page,) but my 6 columns of gallery pictures do not render well on mobile (see attached.) What should I do to get these 6 gallery pictures to render on mobile with 2 pictures side by side? Thank you.
  9. Site URL: https://www.andrewjchristensen.com/about Hello! I'm wondering if anyone would know how to make a particular image swap for another image when viewed on mobile. The image in question is the graphic below the body text on this page: andrewjchristensen.com/about (the handwritten initials). I'd like the mobile version to have my full-signature (seen in the top navigation on my desktop site). On mobile the initials appear way too large, and also redundant with my mobile logo image. Any custom-code advice here? Thanks in advance!
  10. Site URL: https://goose-magnolia-r53a.squarespace.com Hi there, I have a few columns set on my site on this page - jm-creative.com/brand-bootcamp This is fine on desktop but adds a line space on mobile. Can someone help me with this? Thanks, Jane Password: Orlabean16
  11. Site URL: https://www.iahomesflorida.com/ Hello, I'm having a similar problem. Instead of a logo in the footer, I want to include an LGBTQ flag. It looks perfect on desktop but takes up the entire screen on mobile. Any assistance would be greatly appreciated! Site is IAHOMESFLORIDA.COM
  12. Site URL: https://coconut-lobster-36me.squarespace.com/ Password: izette Hi I was wondering if it's possible to easily disable the lightbox functionality for mobile only, while it still remaining functional on desktop? Thanks
  13. Site URL: https://coconut-lobster-36me.squarespace.com/ Hi! I was wondering if someone could help me with a site I'm pulling together URL: https://coconut-lobster-36me.squarespace.com/ Password: izette I have some Project Pages with galleries on (with 2 or 3 columns on desktop). It would be great if these could be just one column on mobile. Currently the homepage exhibits this behaviour as desired but I wondered if it could be replicated with custom CSS for the Project Pages. Pretty much the opposite of this! Here's the homepage on desktop: Here's t
  14. Site URL: https://sprout-tuna-swnf.squarespace.com/ Halfway down my homepage there are 4 image cards, each with a title, displaying in two columns. However, when this switches to one column on mobile, the image takes up the full width of the screen and the title sits underneath it. How would I be able to have the title sit next to the image in the same column? This would look much tider. Like this: instead of how it actually looks on mobile: Any help would be much appreciated!
  15. I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive
  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://meck.com.au/mission Hi there, I've got a series of images where my text is alternating on the left and right of the image. I have duplicated some of these blocks and shown them only in mobile view so that when scrolling in mobile view the text appears before the image. However, a blank space has been added each time a block is hidden, and the same goes for the desktop view where blocks have been hidden. Thanks in advance! The page I'm working on is https://meck.com.au/mission
  18. Site URL: https://www.dianatantillo.net/storyboards Hello, I know I have seen the comment of reordering blocks on mobile and I have tried a few of the solutions offered, but I just don't know what I'm doing wrong. I have on desktop: [gallery] [text] [text] [gallery] And for mobile I want the image gallery to be above the text, but no matter what I try it doesn't seem to do it. I want My other question has to do with aligning vertically text. I would like the text next to these gallery block to be centered with them. What I have right now I did with spacers, but the small
  19. Site URL: https://www.ambiancecurator.com/ Hello, I am trying to use the code below to optimize my font size on the mobile display. For some reason it is not picking it up. Could this be because I already have a custom CSS code for a custom font? How can I code this so that the mobile layout responds to the code? @media screen and (max-width: 641px) {body {font-size: 11pt}h1 {font-size: 13pt}h2 {font-size: 13pt}h3 {font-size: 16pt}}
  20. Site URL: https://emmaratcliffe.squarespace.com/ I'm looking to reorder the blocks in the footer of this site https://emmaratcliffe.squarespace.com/ (password: emma) Column reverse doesn't seem to be working as i've got multiple columns and looking to rejig the order differently. I've attached an image of the order I'm looking to achieve...Any help greatly appreciated!
  21. 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 overlook
  22. Site URL: https://www.ktbaxter.com/ Hiya, I just want to know if there's a way to set a different image for my home screen for mobile rather than it condensing the one I have set for web view. I made one specifically for web and I think it looks great but on mobile it looks quite naff as the images aren't centred so it's literally just the word "welcome" on a dirty background. I'm making a new image for the mobile view but I just don't know how to add it for just mobile. Thanks in advance!
  23. Site URL: https://www.karensarailopez.com The mobile overlay menu button for my website appears all the way at the bottom of the screen and it's far smaller than the rest of the navigation options. Is there a way to move it up so that its at about the same spacing as the rest of the menu links and so that it's the same text size? Thanks.
  24. Site URL: https://www.longitudepr.com/results Hello, I know this question has been asked and answered before but I have tried and tried to find a solution for stacking the images on mobile correctly. Would anyone mind delivering the css? Results page needs to stack Image 1 Image 2 Image 4 Image 3 Image 5 image 6 image 8 image 7. Thank you so much!
  25. Site URL: https://www.vernacularcircles.com Howdy, friends! Hoping you could assist me with a mobile issue I’m running into—on my desktop site layout, I’m using multiple 6-column simple grid galleries alongside a few larger, 3-column gallery sections. On mobile, however, sections featuring three larger images gets shrunk down to an awkward 2 column layout. Is there a way to have just these particular gallery sections display as larger, individually stacked images on mobile? If possible, I'd like to be able to make the change to each [data-section-id] , rather than a global CSS chan
  • Create New...