Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'responsive-design'.

  • 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
  • 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. Hi all, I've been banging my head against the wall trying to re-size the images on my site for the bedford template. I've tried inserting css specific rules for mobile in the header of the page, but it doesn't seem to be working. The page can be found here - https://www.compassred.com/offering The images for Data Strategy & Readiness, Marketing Optimization, etc. are all MASSIVE on mobile Please help! Thanks, Alex
  2. Site URL: https://olive-crimson-wtpe.squarespace.com/ The 7.0 squarespace allowed you to pick your mobile/tablet break points but the 7.1 version does not and I run into issues where my 4 columns of text turn into tiny columns containing one word per line. I need my columns to break sooner so I don't have it look like this. Can someone provide me code that can help?
  3. Site URL: https://gregorylassale.com I just redesigned my top page which is now large banner image which includes Markdown text blocks. As you can see on the screenshot below, the top Markdown block and the background image do not scale well on mobile. What would be the best way to fix those two issues? For the text, I don't know if just modifying the padding on mobile is the best option. I think it might be better to decrease the font size for mobile. The current Markdown code in that block is <div style="color:white; text-align:center; font-size:4.5em">GREGORY LASSALE</
  4. Site URL: https://www.dubnermoderne.ch/available-works-under-2000 PW:test https://www.dubnermoderne.ch/available-works-under-2000 Is there some way to have this one page and just this page either: -Display 2 columns in Mobile view or -Display the mobile view the same as in desktop view
  5. Hi there! I'm using the bar chart block for the first time and it looks great on desktop but when I checked on mobile, everything is excessively simplified... Is there any solution for this through custom CSS? Or is this something I should reach out to Squarespace support about? Thanks in advance!
  6. 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!
  7. Hi, When I open the site on my mobile phone, the Shop page looks terrible. Strange thing is that it doesn't display like this on the mobile view on Squarespace, just when I actually open it on my phone. 1. Products and buttons are on top of each other (see below) 2. Once I click to PRE-ORDER, the button copy goes back to "Add To Cart", and not PRE-ORDER Ideally for MOBILE, the products should be 1 per row and centered. I tried this code but it didn't work šŸ˜ž @media screen and (max-width:640px) { .ProductList-grid .ProductList-item { width: 100
  8. 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
  9. Site URL: http://www.aromon.squarespace.com/seedling-chair Hi there, I have a dropdown code block on this website but for some reason the font on it doesn't scale like on the rest of the website, this is the only block I have an issue with and I have no idea if I'm totally overseeing something. On site styles my p1 is set to 1.3rem, I styled both the h3 and p tags on this block to be 1.3rem also but it's not matching at all (care and use blablabla is code block, text above is regular text block). Is this an issue with code blocks/any workarounds for this? Thank you!
  10. Site URL: http://www.muldyogaterapi.dk/ I have designed a website, and checked it with the mobile preview feature, and everything looked fine. Now i have published the site, and the pages doesn't resize to a phonescreen... Here is a screenshot of a phone, that doesn't resize, and a screenshot of a computerscreen with mobile preview, with nice resizing: I have tried two different phones, with the same result.
  11. Site URL: https://www.phyo.es Hi my friend, im trying to add a vertical line on my website. I use this code: <div class="home__verticalline"> </div> <style> .home__verticalline { position: absolute; height: 2200px; border-left: 1px solid #d6ccc4; left: 50%; } </style> But I want to hide it when im on mobile so I add this media query: <style> @media only screen and (max-width: 700px) { .home_verticalline { display: none; } } </style> I think my code is OK, but when I check the website on mobile the "med
  12. Site URL: https://www.theswoonspa.com/book-an-appointment Hi there, I use Timely scheduling for my business. I used the snippet code from Timely and inserted it into my online booking page, which worked perfectly fine, however I am realizing that it is showing up very large on mobile and, in order to schedule, my clients have to scroll left-to-right. Is there a way to make it so sized correctly for both desktop and mobile? This is the snippet I am using: <iframe src="//swoonaestheticspa1.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:750px;height:600p
  13. Site URL: https://walrus-seal-em36.squarespace.com/ Hello All. I'm using a gallery block as a header for my homepages , and unfortunately its not sized appropriately for mobile, would anyone be able to help me with a code that allows me to resize this for mobile & tablet? Because there is text on the images they are being cut off unfortunately. TIA!
  14. Site URL: https://www.sliim.org I'm having trouble finding a good directory plugin I can use for Squarespace. I used community box and have been having endless problems with functionality and accessibility. Is there another site similar to it that works better? I can't seem to find anything about directories for squarespace. If you go to my site and go to Find a Practitioner, you'll see where the directory loads. This is a super important aspect of my site and business. I really need to change this ASAP. Thank you
  15. Site URL: https://gregorylassale.com/ I read that responsive design is built into all Squarespace templates. I use the Sofia (Brine Family, 7.0) template. The cover page does scale according to screen size, but my other pages do not. Here are a few screenshots to illustrate. Cover page on desktop (5K Retina 27-inch screen): Cover page on iPad Pro 11 inch: Contact page desktop: \ Contact page iPad: The problem is similar on any smaller screen size (e.g. laptops). Shouldn't all pages scale to fit any screen size? What am I
  16. Site URL: https://www.raafoundation.com/ Iā€™m working with the Impact template and the text in the gallery page section is not responsive. I tried changing the aspect ratio of the gallery blocks, but that ended up with way too much space for the blocks on desktop. The full text area doesn't show up on mobile or tablet - it gets cut off. Is it possible to make the gallery blocks responsive to how much text is in the blocks? Site password: Raaf10
  17. Site URL: https://www.garryrichardstud.com/hillstar-1 Hi there, The banner image on my website looks great on desktop view, but it gets majorly cropped when I view it on mobile (see below). Any tips on why this is happening, and how resolve it? As the majority of our users will be coming to the site on mobile, it is important to have this image displaying correctly? @tuanphan maybe you could help me? Thanks
  18. Site URL: https://balanceyourmind.squarespace.com/ I am having trouble making the headshot image on the homepage get larger as the window screen shrinks from left to right. So far there isn't an issue on mobile. At full width the image is fine. But as it gets tighter the image gets smaller and looks bad compared to the text on the right. Any help is appreciated. Page info: URL: https://balanceyourmind.squarespace.com/ PW: 5xxP^3o5
  19. Site URL: https://www.loi.design Hi, I have created a website running 7.1. The problem is that the page exceeds 1 or 2px horizontally and I can't figure out how to fix it. Can you help me understand which part is breaking the layout? Thanks a lot!
  20. Hello, By default, Floated blocks display above their Text Block on mobile. Is there a way to reverse this for a whole website? (so, ALL floated blocks display under their text block on mobile) Thanks!
  21. Site URL: https://roxxannemacdonald.com Hi! On the mobile version of my site, the first section is too big (I've removed the header, so it's a section). I inspected the page and it's this section. I don't know how to override it? @media screen and (max-width: 767px) .homepage section:first-child { height: 30vh !important; min-height: unset !important; }
  22. Site URL: http://www.facilibuildhub.com/tech-platform I'm using a code block for this video so it doesn't show related videos at the end. I also added a CSS code to the block so it resizes properly for mobile. However, I've now discovered that the code is impacting the website's responsive design. If I minimize the tab I have it open in, the video block runs into the side bar and everything is overlapping. Any idea how to fix this?
  23. Site URL: http://tanyaarya.co.uk Hi, I've created a photography portfolio for the first time through Squarespace. Would love some feedback generally on the aesthetics, whether my overall style is represented through the colours etc. http://tanyaarya.co.uk Thanks!
  24. Site URL: https://sprout-tuna-swnf.squarespace.com/ I have a blog summary block on my homepage that is split 50/50 with the text on the left and image on the right. When viewed on a tablet/mobile, I want the images to appear above the text, so they take up the full width of the screen. I've managed to get the text to fill the width of the block, but I can't work out how to do the same for the image. Here's what I've got so far: @media screen and (max-width:1200px) { .summary-content.sqs-gallery-meta-container { width: 100%!important; } } Please help!
  25. Site URL: https://urbanashramyoga.com/pricing Site URL: https://urbanashramyoga.com/pricing Hello! How can I increase the height of the carousel element on mobile so that the blocks' size increases, and the second one is pushed to the right, bleeding off at the edge of the frame? Please see images below for reference: Thank you so much. Current design: Desired Outcome:
  • Create New...