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.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
  2. 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!
  3. 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
  4. 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.
  5. 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;
  6. 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
  7. 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
  8. 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!
  9. I am trying to fix the alignment of the logo on my site so that it stays centered on mobile. I have built so many Squarespace sites previously but this is my first using 7.1. I find it not user-friendly whatsoever. I think I have chosen it so that it's a centered header; yet any time I view it on not a large desktop window, it aligns to the left (on the larger desktop windows it does indeed center). Any help would be appreciated!
  10. Site URL: http://www.lesommelier.com Hello! This is my first time posting to this forum! If any of you have the time to check out my latest webdev, and give me some feedback, I would be forever greatful. www.lesommelier.com Some key points: - Went through some sticky situations trying to find ways to provide free shipping on cart total (used the free shipping by weight instead, and just added all product prices to their weights). - Alcohol is not support by Shopify's payment processing, so had to go with PayPal. If anyone reading this knows of other options for Canadian Alcoh
  11. Site URL: https://laurenhumphries.co.uk Hello, I would like my website to be viewed as my desktop layout on mobile devices also. Is there a way I could disable the responsive design function? Thank you in advance!
  12. Site URL: http://www.ballinagroup.com/our-work We recently noticed that our site on a tablet screen size doesn't resize the text boxes so they float under each other. The responsive design works fine for phone screens but I can't get it to work for tablet screens. I've tried a few different CSS codes to make this work and nothing has so far. Attached are 3 screen shots of desktop mode, tablet mode, and phone mode when I'm in editing so you can see what it looks like. If anyone can help that would be great.
  13. Hi. I have embedded some forms on a website using the styled HTML code (from Infusionsoft keap). I've tried different CSS to target the forms and make them responsive on mobile devices but I can't find the right code. The input fields and button are hanging of the screen. An example of a form is on this page https://www.soulspacehealers.uk/. Can anyone help?
  14. Site URL: https://www.jeremyleegibbs.com/ I want the layout of my pages to stay constant/proportional at all sizes outside of the mobile design. So far I have tried everything I can think of but the layout seems to always break down at the extremes. I have managed a poor work around by setting a min width: @media all and (min-width:640px) { .sqs-layout { display: flex; align-items: center; justify-content: center; min-width: 1024px; } However, when the browser hits the 1024px mark the content of my sub pages is no longer centered. How would I go about keeping
  15. Site URL: https://www.jeremyleegibbs.com/ When I inspect my homepage it appears to be set up with 12 columns. [2 column Spacer] [4 column image block] [4 column text block] [2 column spacer] This is great for larger screen sizes but on a tablet it makes the text awkward and hard to read. If I use "@media screen and (min-width:640px)" and "@media screen and (max-width:1024px) " is there a way to have the Spacers then span 0 columns and both the Image and Text blocks span 6? I have tried hiding the spacers with: @media only screen and (max-width:1024px) { .sqs-block.sp
  16. Site URL: https://allisonlong.website/ Hi, My homepage has this opening animation that I need help setting up the responsive for the mobile size. I'm not sure if I have to minimize the image itself or if this involves custom code. Thank you so much! ~Allison Long
  17. 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
  18. Site URL: https://www.heatondigital.com I am building my website and the gif which is the background for my home page. The gif isn't responsive and it cuts off on mobile. I have tried everything I can think of and find. Is there a way to make it responsive or hide the desktop version on mobile and vice versa?
  19. Site URL: http://www.bird-cranberry-j4tc.squarespace.com Hi guys, Is there a way to reduce the H1 for Mobile? I have had to reduce my H1 so it sits on 2 lines on Mobile. But Ideally I would like it larger when in Desktop view. Link: http://www.bird-cranberry-j4tc.squarespace.com Password: squarespace Thank you, James
  20. Site URL: http://walrus-crow-g8y9.squarespace.com Hello, First off, the password for my site (since I'm still on the trial version) is: password1 I'm a little rusty on CSS, and I've had very minor success at trying to get what I want so far - basically, I just want the background color of the sidebar/header to be black, while the text will mainly be white. I've got something close to this already (though I haven't found the tags to make the text white yet), however it's not responsive when I switch to mobile display! I've tried fixing it by piecing together some CSS that I found, b
  21. Site URL: https://www.bomonroy.com/ Hello, I tried to find any question about it before post it but I think it's quite specific. I'm trying to reduce the size of the page blocks from my index page (https://www.bomonroy.com/) on mobile on a York family theme. I started adjusting with custom code the image width, left, top and height properties but now I have a low of white space of the block that I would like to reduce. Could anyone know how to do it? This is my custom code for the index in case it could help: (This for the background) .overflow-wrapper { -webkit-
  22. Site URL: https://www.rogerroger.co/ibm-cloud-forum Hi! I was wondering if someone could help me. I have a section on my page that has 2 column text blocks like this: But when it goes into mobile, the number columns stack into a single column like this: Is there anyway to force it to display 2 columns instead of 1? Thank you very much in advance! Nigel
  23. I'd like to replace the background header image with one that is designed to fit a vertical layout when site is viewed on mobile. Ideally text and icon sit above the person in the image, rather than to the side like they do for larger displays. site is https://icosahedron-rust-5y3f.squarespace.com/ password: 2020 The image below is the one I'd like to use for mobile. I can adjust image size/dimensions if needed. Any help greatly appreciated!
  24. Site URL: https://lsdrains.co.uk/ Hi, I am new in Website Development, one of my client is looking for the same website design as the above mentioned website has. I need help regarding how to find the theme or design which is used for this website? And how can I know about the platform this website is built on? Looking for helpful answers. Thank you.
  25. Site URL: https://www.shrgeneralcontracting.com Hello, I am attempting to reorganize the footer so that on mobile the elements are organized in an in-line format on mobile. How it is on desktop: I have the social media buttons at the bottom left, a few links <a> spaced out in the middle and the logo on the right. Underneath them all I have a copyright <p> tag. Please take a look at the attached image for reference. How I want it on mobile: I would like either the logo first, followed by the social media buttons, the three <a> links on the same line and finally the
  • Create New...