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
    • 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://www.barrykatz.com/ Hello! I am designing an announcement bar for my site, however it formats terrible with the responsive design on mobile. Rather than staying as a long horizontal announcement bar, it condenses everything into one tall column. This makes mobile impossible to use. Is there a css code to turn off responsive design, or help with my issue in any way? I don't have the banner up on my site right now, but attached are two images of what it did look like. Thanks!
  2. Site URL: https://www.oldsonmedical.com/ A client pointed out that as she scrolls her site on mobile the text is resizing and bumping around. I had to see to beleive and its very odd! I asked what browser she's using and she said Google. At first I assumed it was Chrome, which I have, but then realzied Google has a separate app just called Google (w/ G as the icon) that's just for search. I checked a few other SS sites and this app is resizing H2-H4 text on alll squarespace sites as you scroll....seems like a bug but has anyone else had this happen to them??
  3. Site URL: https://studiodazee.squarespace.com/config/design Hello, On the homepage on client testimonials the line breaks are really short and the design looks awful but I like how the line breaks on desktop, how can I keep the desktop design but edit the mobile?
  4. Site URL: http://www.desertbloomfoods.com I am running in to issues with some of my site's blocks not rendering correctly on iphone X (as it is a larger size than your normal smart phone). I am trying to get my card blocks to render with the image on top + corresponding text on the bottom rather than how it is rendering on mobile (side by side and not even). Two screenshots are attached for reference. Any insight on how I should adjust my CSS for things to render correctly on devices such as an iphone x? Thanks in advance!
  5. Site URL: https://www.oldsonmedical.com/ Hi I am struggling with the auto responsiveness of the home page banner on my site for mobile. The text runs over my clients face and she doesn't like it. My client wants to keep the photo there (not replace with a non headshot photo for mobile) but is there any way to bump the banner text above or below the photo with code? I've tried this code below but it just ends up cutting off the entire banner and text with it (second pic). It would be great if the header text + button bumped down into its own blue section below the banner image... @media
  6. Site URL: https://www.amyklazkin.com/ I'm using the Jasper template for my website and I'm having some issues re: responsive design. Basically, I've made some index images that look really nice on my website when I view my site full-screen. However, if I minimize the window to 2/3 the size of the screen or when I view my site on mobile, the images are getting cropped, and thus some of the image/text is getting cut off, which is an issue. I've tried resizing the images a million different times and reaching out to Squarespace support with no luck... I'd also be open to changing my i
  7. Site URL: https://www.trworks.com/wood-slate/p/slate/texas-word-art In my store, (see https://www.trworks.com/wood-slate/p/slate/texas-word-art for an example) the up and down quantity arrows show on the desktop, but do not show on mobile devices. Is there any way to get them to show? Thanks!
  8. Site URL: https://www.coastalathletics.net/ I hope everyone is having a great weekend! Feedback on this site would be greatly beyond amazing. This is a youth athletic training facility. I will list some sites below which are similar in the industry that I want to eventually get the site to look like. The main image on the home page is kind of giving me issues when I do stack like it is now its a little big but when I do inline its a bit to small. Any suggestions on this? https://thedirtbags.com/ https://canesbaseball.net/ http://grandslamusa.biz/ Thank
  9. Site URL: https://zedfactorfellowship.org/ I'm currently having problems with mobile viewing for my website. The issue is viewing the website in landscape shifts the website images leftward and the nav menu also disappear when in landscape mode. I have provided the screenshots of the issues below and all the custom code I have written for the site. @media screen and (max-width:767px) { [data-section-id="5fb32dcd64513a6739b5718e"] { min-height: 37vh !important; height: 30vh !important; } } /* CSS FOR TABLET AND MOBILE */ @mobile: ~"only screen and (max-width: 640px)"; @t
  10. Site URL: https://www.trworks.com/ I am getting this strange white column on tablet sizes. Any idea how to fix it?
  11. Site URL: https://www.tealcanvas.com Hi! So we are prelaunch, so still password protected. We are showcasing artists for unique, personal commissions. Each artist has their own "product" page. In each product page, we are showing 10 plus examples of their prior work to show their individual style. We would like to lightbox each work in the page so it pops out. Here is the issue, each of the different art pieces in the product page is represented in a 2:3 vertical ration. However, when you click to lightbox each work, it shows in a stretched horizontal representation so all you can
  12. Site URL: http://www.domrugman.co.uk Hi, (pass - 0123) I have my margins really tight and simple on my desktop site... But as page width scales down towards mobile, the header and site margins offset dramatially... Then once aligned, the margins feel much thicker than they do on desktop... is there a way to keep margins consistent all the way down to mobile through varying breakpoints? Many th
  13. 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
  14. Site URL: https://rolling-pictures.squarespace.com/ Hi, I used a gallery slideshow reel to feature some logos but when it switches to the mobile view the logos are way too large. Any way to make them smaller for mobile view? Password: RollingPictures
  15. Site URL: https://parsnip-recorder-rng8.squarespace.com/config/ My home page is a full screen looping video background (embedded from Vimeo). The video background I am using at the moment is not responsive. Looks horribly cropped on mobile. Seems like there is not a responsive template on Squarespace and I may have to consider code? Before I upgrade I'd like to know if this will work? Is there code out there that will make my looping video background responsive when viewed on Mobile? Recommendations? Second option would be to run a video from Vimeo but then my problem is no Squarespace
  16. Site URL: http://we-arehere.com I would like to reduce the padding on the slideshow at the top of my page as it's too far from the title and navigation. I used the code below which worked, but on mobile it now isn't responsive so looks odd. section padding [data-section-id="5fcf39a1ee8bf246ec066037"] { padding-top: 4vw !important; } Is there some other code that would allow me to change this but keep the responsive design? Thanks! website is we-arehere.com p/w: here
  17. Site URL: https://weimaginaryfriends.squarespace.com/ Hihi @tuanphan, i would like to check how can i replace a gif in my mobile preview? I have tried to use the CSS code that you replied in other comments but not sure how to tailored it to link to the gif i wanted to upload.Im looking for:the desktop landing page background using YT link, while the mobile landing page background using gifI'd the gif attachment ready in the Design > Custom CSS sectionand also the mobile fallback image section.Hope you can assist me on this! thank you so so much! https://weimaginaryfriends.squarespace.com/
  18. Site URL: http://www.gumdrop.nyc I sell jewelry for girls. I'm 80% done with the site build and have hit a snag re Mobile display. I'm unable to disable Responsive Design, meaning my products only display one at a time vertically. I def need a way to show more than one product on a phone screen at once. Ideally I'd like two items per row. Is it possible to address this with custom code?
  19. 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
  20. Site URL: https://romablack.squarespace.com/contact Hi Guys, What is the best solution to stop my map scaling down in height when next to a form block? The form block keeps a consistent height and the map block just shrinks. I want the map to be consistent in height and shrink the width instead? Images attached. Thanks Dan
  21. Does anyone have any experience of doing this? My client has around 350 document templates they'd like to make available to paying subscribers (which I'll use the new membership functionality for). I'd ideally like to create a Google Sheet the client can maintain (which has columns for the document link, description, format etc), which then feeds the table in Squarespace (or is just an embed). The table needs to be filterable and searchable. I've looked at third-party applications like Awesome Table but was wondering if anyone has done this before and/or has any better suggestions.
  22. Site URL: https://www.carlylecapitalinc.com Hi! I created the below code to make a responsive table but it is not responsive and the table overlaps and does not show correctly when resizing on computer or mobile. Any ideas how I can fix? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; font-family: 'Raleway' } th, td { border: 1px solid #074E7D; text-align: center;
  23. Site URL: https://aaronredfieldnew.squarespace.com Hi! I am looking for a way to center justify the site title "Aaron Redfield" vs. having it in upper left. (pw for site is: chickenwings) If so, I will remove the HOME and CONTACT pages. If possible only on desktop and not mobile, that is fine too. Maybe @bangank36 might have an idea or two? Thanks!
  24. Site URL: https://thewickerbreaker.com/the-results Hello... Thanks in advance for any advice... I'm having an issue where if I have a long word in the title... the title doesn't shrink... or the word doesn't split to be hyphenated creating extra space on the right side... If you go to the mobile version of https://thewickerbreaker.com/the-results and scroll down to Resolution #5... you can see what I'm talking about... In this case... I can just break down TheWickerBreaker.com to be The Wicker Breaker... and that will work... but there are other a couple words that can't
  25. Hi, Is there a way to make Squarespace display a different image on mobile? We're having real trouble creating layouts that work well on mobile and desktop. For non-squarespace websites (where I, a designer, work with a developer) I would usually provide another image to the developer for mobile, or at least specify the crop/position of the image on mobile. Thanks!
  • Create New...