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. Site URL: https://grape-lobster-f2ye.squarespace.com/ Hi there I am almost happy with our new company website. But there is a big problem that I cannot solve myself. It affects the menu item "Team" in the mobile view. Only 1 photo per row is shown here. So far so good ... The problem is when I turn the smartphone 90 degrees: Then still only 1 photo per line is displayed and it is huge! This doesn't look good. How can that be changed? 2 photos next to each other would be perfect. Thanks for helping! Roger
  2. Site URL: https://www.grahammarriott.com/ I'm trying to overcome the lack of ability in SS 7.1 to set the mobile breakpoint. I can't seem to find a way to keep the desktop header, with Site Title on left and Navigation on right. I only want the hamburger on mobile devices, not on iPad in portrait. Header background is transparent... New to 7.1 here, any and all help is greatly appreciated. Thank you!
  3. Site URL: https://www.armstronglloyd.co.uk/technology-marketing-salary-survey I wonder if someone could help me out please? I have a I-frame on the site for a survey using Google forms - https://www.armstronglloyd.co.uk/technology-marketing-salary-survey. I can not for the life of me work out how to get this I-frame responsive so it sits properly on mobile. I've tried a variety of different coding approaches and given up in frustration! If anyone could point me in the right direction I would be so grateful! Thanks, Kate
  4. Site URL: https://www.hawkcustomhomes.com Good evening I am having an issue with the homepage layout in mobile. When I review the site in SS editor the mobile view looks great - but when I actually test on my phone the words are out of alignment. I tried adjusting some CSS and the content block itself in the editor but it didn't work. Can someone please help me fix this? Thank you so much!
  5. Site URL: https://www.thegarden.life/ Hello, I'm having some responsive issues that is causing my headline copy to truncate. Short of making the text small, is there a way to make this not enlarge when scrolling? See screen capture below. RPReplay_Final1626365370.mov
  6. Site URL: https://www.platformartprojects.com/babar-suleman-project Hello, I'm getting white corners on a page in mobile view. The main image is an embedded imagemap. I would like this to be responsive in mobile view. https://www.platformartprojects.com/babar-suleman-project Password is: bs2021. I have attached some images.
  7. Site URL: http://www.makeupbyalessandra.com Hi there, I need an image to resize when switching from desktop to mobile view so that it shows the full image. 1st image I have uploaded is the desktop view, 2nd image is the mobile view. Please let me know what to do. Thanks, Alessandra
  8. I have designed a site with 4 stacked images side by side (as shown in the picture) At a specific screen size the image stacks obviously begin to respond, becoming thinner and thinner until they suddenly snap into mobile mobile and stack 1 on top of the other. My query - how can I force an intermediate snapping point and make the column of 4 images, become 2 side by side, then finally on mobile 1 on top of the other. Thank you
  9. Site URL: https://timothytrust.ca/ Hello, I'm pretty new to squarespace/coding and I am stuck because on my website homepage -in brackets is to the direct page I want to affect-(https://timothytrust.ca/) I have a nice (what I think is nice) looking slideshow on PC but it looks all stretched out on mobile. I have coded it so that I have stretched it but that's because if I don't it's a very small looking banner. Basically, I just changed the dimensions of the photos I uploaded to the gallery and it changed automatically for PC. So, when it came to mobile, the responsive design made it look super small in comparison to the other blocks. My solution was to code it so that the slideshow gallery was stretched, but that in turn caused me to stretch the images as well. I basically want something like the "what is encounter the truth" image on the homepage of this website -in brackets is to the direct page I want to affect-(https://www.encounterthetruth.ca/) and how on PC it's a longer banner underneath but on mobile it's more square. I would like that but for my gallery. So, I want to know if this is even a possible fix?
  10. Hi, I'm using Brine in 7.0 and see that at 641px viewport width, side-by-side elements respond to stack vertically instead. This is exactly what I want, but I would like that same global behaviour to happen at 700px width, not 641px Is there a CSS rule that I could add to do this or even some jQuery? Thanks for any help you can offer. Patrick - PS - sorry I can't post the site page right now as it is under wraps for a press release next month.
  11. I have a customer after a custom mobile view for their home page. They want have a totally different background image loaded. Is this possible somehow? I would love some ideas and a solution and happy to work with a third party contractor if needed. Cheers, Brent
  12. Site URL: https://luxmyfurniture.space/ Site: https://luxmyfurniture.space/ Password: LuxmyMigration Squarespace 7.1 I would like to reduce the height of the slideshow gallery. The nature of the banner is vertically thin so there is a lot of space both at the top and bottom. šŸ™
  13. Site URL: https://www.hawkcustomhomes.com Good evening - I have been going through this thread and trying the various successful code snippets, but I must be doing something wrong. Maybe an incorrect section ID. Can you please take a look and send me the correct code to fix the mobile display of the home slider images so it resizes rather than crops the images? THANK YOU SO MUCH!!! Megan
  14. Site URL: https://www.katherinelachacz.com Hi, when I visit websites with galleries, I can usually click on a picture and that picture will take over my screen, it's bigger. I'm still learning how to create my site and make it better and I don't know how to let people click on a photo on my site so that the selected photo is bigger for the client. Any help on this would be most appreciated.
  15. Site URL: https://recreare.squarespace.com/ Site: https://recreare.squarespace.com/ Password: recreare Hi! I'm using the new auto-content blocks and would like the list items or cards to be equal height. Super thankful for any suggestions or help! Thanks! Jenni
  16. Site URL: https://oboe-orb-t2t6.squarespace.com/ Hello! Been searching this forum for awhile and cannot fix this problem. What is CSS code for moving image to the top so the text can span full-width on mobile/tablets only? This is a overlap image block card with other CSS styling already applied. PW: peanut (I am using 7.1 trial so hopefully this works since I cannot publish until I upgrade) Using this so far: @media screen and (max-width:800px) {[data-section-id="60a3d67d070c213253baad5f"] .sqs-block-image .design-layout-overlap {display: block; width: 100%;} } Also, trying to make the boxes equal height on desktop
  17. 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
  18. Site URL: https://www.laineylee.com Hello! I recently applied the following custom css to my Flatiron template website to set a max width for the content (I didn't like how it looked when the site width got too large). body { max-width: 2000px; margin: auto; } It worked beautifully, except now when the browser is very wide my logo is sliding off the page to the right and disappearing! Does anyone have a fix for this issue? Thank you!
  19. Site URL: https://wells-demo.squarespace.com Hi there. I am using the WELLS template, and I want to know how to make the content next to the sidebar 100% width. The photo galleries, like the home and this page and perfect examples of what I am after, yet when I create other pages and add blocks, the content has a fixed width; for example, take a look at this page or this one. I contacted the Squarespace support team, and they told me that I should post on this forum to get help with custom CSS, as it is impossible to make those content 100% with the customization options that come with the template. For example, I'd love to use a hero image, 100% width across all viewports, on a blank page, with a text below, among other things. Can someone help me? Also willing to hire a developer to customize my site with these requirements if someone is interested. I appreciate any help you can provide. Flo
  20. Site URL: https://algae-tuna-pjta.squarespace.com/home Hello! I am hoping to get some help with the css code to make two of the buttons on my homepage side-by-side for mobile? The site is :https://algae-tuna-pjta.squarespace.com/home Password: maggie The buttons are in the last section above the footer, screenshot attached. Thanks, in advance!
  21. Site URL: https://www.mikepruim.com Hi, on my responsive website, I have 2 blocks laid out side by side so that on desktop and tablet they are on the same row (see attached). However, on mobile the 2 blocks stack on top of each other which causes an odd layout because of the alignments of each. Is there any way to keep the social media buttons and the resume button on the same line on mobile?
  22. Hi, Is there a way to have my image above my copy on a tablet in the same way as mobile view? I'm using the Brine template. My website is https://www.jdglover.co.uk/home Thanks so much. Jennifer
  23. 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!
  24. Hello, I am currently having trouble making my shop page translate nicely when viewed on mobile devices. 2 questions 1. How do I ensure that my "shop" header is stays center aligned when going into mobile view (it is centered in the desktop view but left aligns on mobile) 2. How do I make my product description go right under the product title in mobile view? I don't like how the description comes after the product size options. Pictures are attached for reference!! Thank you in advance!!
  25. 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
  • Create New...