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://mckinnonsquare1.squarespace.com/wedding-1 Hello, I have tried all the CSS code in the forum to get rid of the space around the gallery for mobile, both above and below. If I change the size of the gallery to small the space goes away, but that isn't an option because then it does not work on the desktop. I would love some help. Thank you.
  2. Site URL: http://www.emmaashrujones.com Hiya, I'm using collage image blocks to format testimonials on this site: https://www.emmaashrujones.com/coaching They're looking great on desktop, but on mobile, it looks like the client is peeking out over the text card. Is there a way to reduce the [vertical] overlap on mobile? Thank you! 😺
  3. Site URL: https://redplayback.uk Please help. My desktop site looks great. But how can I resize my videos on mobile view only? Thanks.
  4. Site URL: https://www.thisispalo.com/ My logo and arrow image appear very blurry on mobile. Is there a way to fix this so they are sharp?
  5. Site URL: https://minnow-goldfish-9ft6.squarespace.com/config/ Can I reorder the display sort on mobile for the image blocks on this page? I'd like the order to move left to right then down a row (following the sequence of the image titles: 1, 2, 3, etc.). Now it sorts down the entire left column block and then down the right one (1, 3, 5, 2, 4, 6).
  6. Site URL: https://insidefukushima.org/ I posted about an issue with the momentum template a few months ago stating that it is completely broken on mobile and it still has not been resolved. I'm not sure if this template is just not widely used, but I reported the issue to Squarespace, they said they were aware of it and would work on a fix, and they still have not done anything. My site, like every other site using momentum, is completely unusable on mobile. Attempting to swipe through the gallery causes it to instantly freeze and break, and even using the arrow keys causes it to break
  7. On squarespace version 7.1, when in mobile view, if you have a long list of categories, it creates a scrolling list that travels sideways and the breadcrumbs are gone on mobile. Insert this code into your Custom CSS to make the categories center align and wrap, with no scrolling. It also makes the breadcrumbs visible on mobile. @media only screen and (max-width: 575px) { .products.collection-content-wrapper .nested-category-children { padding-top: 30px; flex-wrap: wrap; overflow-x: hidden; justify-content: center; } } @media only screen and (max-width: 575px) { .product
  8. I have a YouTube background video that doesn't look great on mobile. Can I use a completely different YouTube video as the background video on mobile?
  9. Site URL: https://www.pagekastner.com I'm having an issue resizing this index banner height and width for mobile (on my homepage). I'd love for it to be more contained in the original form similar to desktop / not stretch into such a vertical layout. I've looked at a lot of codes with similar issues on the forum but worry that this specific index uses a different format - Henson template 7.0. I would also love to adjust so that the type on mobile doesn't run over image. If this cannot be solved, I'd rather remove these preview image all together for mobile. So a
  10. Site URL: http://michaelkablitz.de The button in my header is not visible on mobile. I'm not sure if it's because it's too big or something but is there some code that I can use to still display the button just on mobile since it's working fine on PC.
  11. Site URL: https://www.roosbrothers.com/ Hi, I'm having an issue with Mobile Overflow on my site home page here: https://www.roosbrothers.com/ When viewing the homepage on mobile it can scroll both vertical and horizontally off to the side. I tried adding the code below, but it causes an issue with my project background hovers that replace my background video -- when hovering over my project links the background video can be seen underneath at the bottom of the screen. html, body { overflow-x: hidden; } Is there a way to only apply the overflow setting
  12. Site URL: http://charlielangton.com Hi guys, I have been having the same problem os most people here. I have tried 10 codes posted here before but none fix the problem on my website. Could someone please help? I already deleted most of the footer with my boyfriend's infos thinking it would fix it, but it didn't, sadly. This white blank space is really bothering us. Thank you very much in advance, Erika
  13. Hi! In order to have add to cart buttons on my product page, I have added multiple products individually using Product Block. When I view the site on mobile, it automatically changes to 1 per row. How can I force it to 2 product blocks per row? Thanks in advance, Doug
  14. Site URL: https://tiger-rhino-bh3n.squarespace.com Basically, I want to copy another Brine website called choppywaters.com What I see now on my mobile looks awful. I want it to look like how choppywaters looks like on mobile.
  15. Site URL: https://jordandixon.co Here my site: https://jordandixon.co The issue is on mobile. I'd like to lock the screen orientation to portrait. If you turn your phone sideways on my current mobile site it looks bad. Any tips on how to do this with Javascript? I know there is an API for this but I'm unsure how to integrate it within Squarespace. I would appreciate any insight at all if anyone has come up with a similar solution. Thanks in advance!
  16. Site URL: https://carillon-tarantula-yfk9.squarespace.com/shows/from-now-5wzcw PW: RobDavid&Friends$$$ Would love if the apple and spotify badges were aligned on line and shrunk to fit there for mobile. I tried to do this code but can't find in the inspect the right page section? /* images side by side */ @media screen and (max-width:767px) { div#page-section-602d719e622b592cfe51c123>.row>.span-2 { width: 50% !important; float: left !important; 602d719e622b592cfe51c123
  17. Site URL: https://villa-rondinelli.squarespace.com/ Hi all, in a couple of pages of my website the mobile version swapped some of the blocks order: - here: https://villa-rondinelli.squarespace.com/storia - and here: https://villa-rondinelli.squarespace.com/ambienti password: maggie-villa There should be the text first and then the image throughout the page. I tried so many different solutions and nothing seems to work 😕 I thought I could solve it with 'flex-direction: column-reverse' but I couldn't manage to select a specific block as some of them don't
  18. Site URL: https://adictcreative.com Hey guys, is there any CSS that can push my full bleed image on mobile behind the MENU text with no white space? Or centralize the word MENU as it is currently at the bottom of the white margin seen on my website. Thanks in advance!
  19. 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!
  20. hello all, im looking for a way to ONLY modify the body font sizes in mobile view of template 7.1, keeping the nav bar and footer's font size unchanged. is that possible? thanks in advance!
  21. Site URL: https://www.annebindels.nl/rise Hi! I'm building a page that contains image posters. On computer screen it works perfectly, but on mobile the text is way too big. How can I change this? I tried a few CSS codes but they don't seem to change anything. Could anyone help me with the CSS? Thanks!
  22. Site URL: https://concours-detailing.co.uk/ Hi there, We're having trouble with our gallery titles disappearing when on tablet/mobile (horizonal) view. Is there any CSS to help fix this? It does it when the page width is 641px to 797px. Thanks!
  23. Site URL: https://eagle-pear-f8dr.squarespace.com/packages Hello I've got some css hover effects on 3 images that I would like to disable so that the caption shows on mobile. Currently requiring a touch to display on mobile which isn't overly intuitive. https://eagle-pear-f8dr.squarespace.com/packages this is the url and the password is emmac123 to view the site. Thanks
  24. Site URL: http://www.sandadelsol.com Hello everyone I have 2 issues that are keeping me from going live with my website and they're both mobile view related. Mobile view: 1. I'd really like the landing page to be more "squished". The menu is too far down from the header and one can't see the footer. I'd love to see everything at once when coming on the page.. I could not find a code that works for me. 2. My code blocks within my porfolio sites don't work in mobile view. Hence, when you click on "Yoga" the logo is yellow when it's supposed to be white to fit the rest of
  25. Site URL: https://www.bettertogether-nn.com/ I've tried this code. It looks good on my desktop mobile view but on my actual phone it is cropped off. @media screen and (max-width:640px) { .homepage .section-background img { width: 100% !important; height: auto !important; } }
  • Create New...