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
    • 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. 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!
  2. 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
  3. 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!
  4. 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:
  5. 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
  6. 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
  7. 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
  8. 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
  9. 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
  10. 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
  11. 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
  12. 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!
  13. 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!!
  14. 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!
  15. 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
  16. 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
  17. 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
  18. Site URL: http://mattise.squarespace.com hi ! i'm facing regarding image size in reel. i want to see more images on mobile view .i done that but size of images are too small please help me code: @media only screen and (max-width: 600px) { .gallery-reel { height: 44vh !important; }
  19. Site URL: https://www.gayagrinberg.com/ Hi, I use an image slideshow on one of my site's pages, But when I'm on mobile the images on the slideshow look too big, It is not resized to the phone screen. I mean specifically to the sildeshow on this page https://www.gayagrinberg.com/work/lontano-magazine Is there anything I can do so it will look better? Thank you.
  20. hello all, im looking for a way to ONLY modify the body font sizes in mobile view of template 7.1, keeping the nav bar and footer's font size unchanged. is that possible? thanks in advance!
  21. Site URL: http://www.taylorcraindesign.ca Hi all, I'm hoping to get some help on some custom code to resize this gallery block I have on my site. I love the way it looks on desktop but on mobile, the scaling doesn't work so I end up with these beautiful large images cut off and the image block is massive. Is there some custom code I can add to resize this to match the sizing of the project thumbnails further down the page? Many thanks, Taylor
  22. Site URL: https://www.chooseachallenge.com/ I've added a slideshow gallery to the homepage, I've added text and a button - however the image is very short on mobile and so the text doesn't fit at all. How would I amend this with css? URL https://www.chooseachallenge.com/
  23. Site URL: https://www.thenativecoffeecompany.com/2-current-coffees/topshelf I am having trouble getting my mobile version of my current coffees page (https://www.thenativecoffeecompany.com/2-current-coffees/topshelf) to resize when it recognizes the user is using a smaller screen (mobile site)...It is causing all the information on the page to be super hard to read.
  24. Site URL: https://www.thenativecoffeecompany.com/1-current-coffees/topshelf I am trying to add a hover state to the numbers on my current coffees page (https://www.thenativecoffeecompany.com/1-current-coffees/topshelf) so that when you hover over each number (different coffee) it automatically changes all the content (text) to the next coffee instead of the user having to click and load a new page every time. Is this possible?
  25. Site URL: https://barbari-herbal-spliffs.squarespace.com/ Hello, I am trying to change the order of my blocks in 7.1 and I know I can do the following to accomplish it: div#yui_3_17_2_1_1592592061173_386 { display: flex !important; flex-direction: column-reverse !important; } I do this in my inspector and it works. BUT I add it to my CSS, then go back to check to see if the code is coming through and its not working because the ID changes? Has anyone else experienced this before? Is it new with 7.1? It was "yui_3_17_2_1_1592591448498_393" at one point, then "yui_3_17_
  • Create New...