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

Search the Community

Showing results for tags 'responsive'.

  • 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://www.hustlewithheart.com.au/ 1. (Smaller Screen) Scrollbar/white bar at bottom of screen & white bar on right of screen 2. (Mobile-Homepage) 3. (Mobile-Homepage) Want center this text? 4. (Mobile-Homepage) Want center this text? 5. (Mobile-Homepage) reduce this space? 6. (Mobile-Homepage) Remove blue space under 4 images? 7. (Tablet-Homepage) Increase text/logo column width? 8. (Tablet-Homepage) Move down newsletter? 9. (Tablet-Homepage) Reduce image width, increase content width?
  2. Site URL: https://www.grindngrowchicago.com/ I want to use my current banner photo for both desktop and mobile but the issue I'm running into is not liking the way it scales when going between both. If this was a perfect world I would love to use this same image at the larger default size within squarespace for the Desktop version then use the small default setting for mobile. Is there a way to apply this condition?
  3. 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?
  4. Site URL: http://www.achacunsonpain.ca Hello, I want to make my banner responsive for mobile and tablets, and every piece of code I try doesn't work... Thank you.
  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://www.binoodhasasi.com/work/chinatownxr Hi, I was working on my website and the mobile screens do not resize the first background image to mobile screen. Is there a custom css code I can use to solve this? Attaching an image to show the issue.
  7. 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
  8. 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
  9. 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!
  10. Site URL: https://lemon-cranberry-x99z.squarespace.com/sequence-photography-moving-the-weasel In desktop view, I have an embedded video displayed text wrapped in my text. I would like to keep this text wrapped look when in desktop view, however, when in mobile view, I would like the embedded video to display after the text. I would like to keep how it looks with the text wrapping in desktop view, but have the video appear after the text just in mobile view. Is there code that can do that to put in Custom CSS? I think it's kind of similar to this: (My website is not pu
  11. 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!
  12. 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:
  13. Site URL: http://foxandvamp.squarespace.com/services Hi! URL:http://foxandvamp.squarespace.com/services PW: london88 Have inserted a pricing table using a code block. No matter how I try, I can't get this code to be responsive when translating to mobile and tablet. Anyone able to point me in the right direction for this please? Thanks
  14. Hello! So my site is https://earthlycraft.co/ It's almost there... but i cant work one thing out. How to change one of my banner hero images for mobile. It looks great on desktop however its too small on mobile, so i have another logo ready thats zoomed right in that i'd like to use for mobile only. I've added the file in design > custom css > manage custom files so i can use the link to the file I'm fairly familiar with media queries but i don't know the code to change the banner. When I inspect I get this code: .sqs-block-image .image-block-outer-wrapper:not(.image-blo
  15. Site URL: https://cyan-teal-3zmw.squarespace.com/case-study-equality-indicators I'm working on a page with overlapping sections – one is inset with text, and one is full-width behind it as a background color – and I'm trying to get the background section height to expand as the text section on top of it expands. (Screengrab attached.) To achieve this, I'm using the calc function to make the height increase as the screen width decreases. Here's an example: [data-section-id="6027ff54b347b32cf0c31df8"] { @media screen and (min-width: 1125px) and (max-width: 1400px) { min-height: c
  16. Site URL: https://www.ground-studios.com/test Hi I'm a CG Artist, no Web coder. I try to implement an interactive spinning animation of an object onto my site, but struggle with the mobile appearance. The Embed Block I use is responsive in width, but not in height. Due to this there is a lot of space between the blocks in mobile mode. I'm wondering if there is a way to do it? Please check the submitted URL, were i set up a testsite. Thanks in advance Michael
  17. Site URL: http://torchglow.video PW: T0rchgl0w I have been playing around with footers and was having trouble making it look good across all devices, so I decided to make two footers and assign one to Desktop and one to Mobile. I designed the footers using Code Blocks and assigned different id's to each. Technically it works, but on desktop there is a ton of dead space under the footer, and on mobile there is a ton of dead space above it. Any ideas on how to clean that up? Here is the code I'm using: /*Footer*/ #footer-text {font-family: 'DMMono-Regular'; font-size: 1
  18. Site URL: https://www.hintoftime.com/ Hi guys, I finally found an image slider that (kind of) works. The problem is that it only looks good on a Full HD monitor. Any resolution larger or smaller breaks the element. The slider is a feature from the Squarespace Ninja Kit extension. I believe my theme is Carmine. Does anyone have any suggestions of what I could do? Hiding the block on mobile is also an option if there's nothing else to do. Thanks
  19. Site URL: https://spinach-keyboard-w7ws.squarespace.com/parallell-forum Hello! Is it possible to use the CSS "object fit" command (or similar) in Squarespace? I would like to have the images on this page in landscape mode (wide) on desktop, but cropped into portrait or square ratio on mobile. There reason I want this, is that the images works best in landscape mode (wide) on desktop, but they gets too small on mobile. - The first attached image is how it looks on desktop. And I'm happy with this. - The second attached image is how it looks on mobile. I'm not h
  20. Site URL: https://shallot-reindeer-75xp.squarespace.com/config/pages Hi, I've created a header background image and added a page title over it. On mobile view I want to move the title slightly down to sit below the wave. I've try tweaking the padding, which does make it move down, but it also enlarges the background: How can I target just the text but keep the image as it is? Thank you!
  21. Site URL: https://onion-guitar-w3xs.squarespace.com/ Hi! On mobile the arrows that show the alternative sizes or colours for certain products are too big - I just wondered if there was a way to reduce the size of these just for mobile, as the current size is fine on desktop. Thanks!!
  22. Site URL: https://mosaic-2045.squarespace.com/home2 Hi All, I am trying to get the very bottom footer section to display horizontally on mobile. I would like to display two blocks of text per row rather than the usual one block of text per row. It's fine if the current footer doesn't look perfect -- I can build another that is displayed only on mobile, but just need working code to get the blocks to stop stacking vertically in mobile. Suggestions for other workarounds welcome. https://mosaic-2045.squarespace.com/home2 Thank you!
  23. Site URL: https://carillon-flower-3xhs.squarespace.com/ Hello. I need to modify the mobile stacking order of content in a 3-column image/text/spacer layout. Site password: XRdesign Jump or scroll to the "Process" section. For larger displays, the order of the content blocks is: ROW A: Image — spacer — Text ROW B: Text — spacer — Image ... rinse and repeat. On mobile they all need to follow one pattern: COLUMN: Image — spacer — Text I've done a search on this and there were a number of threads covering but they all kind of dead-end(ed). I honestly feel li
  24. Hi! I'm building a website for a real estate agent. The listings shown will be using MLS. I understand that I need to use an IDX service, does anyone have recommendations companies that have worked smoothly with Squarespace? Or will any do? I'm also reading some comments saying that just inserting the iframe might not be considered responsive, this company claims to solve that (www.ultimateidx.com/squarespace-idx-plugin/), anyone used them? Thanks! Lisa
  25. Site URL: https://www.thefirst.vc/portfolio Hello, so i created image overlay effect for my portfolio page complete with custom css. It is working perfectly fine on desktop browser (https://www.thefirst.vc/portfolio) but its completely not working for mobiles. Can anyone suggest what can did i do here? How can i make this responsive? Code: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <style> .flex-container { position: inherit; display: flex; } .img1-wrap { position: r
  • Create New...