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


Forums

  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

  1. 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!!
  2. Site URL: https://mosaic-2045.squarespace.com/home2 Site URL: https://mosaic-2045.squarespace.com/home2; Password:YummyFood1! 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.squares
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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; }
  8. 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.
  9. 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!
  10. 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
  11. 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/
  12. 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.
  13. 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?
  14. 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_
  15. Site URL: http://www.keepfresh.io Looking to make my video banner responsive to mobile. Any help would be greatly appreciated!
  16. Site URL: https://cyan-teal-3zmw.squarespace.com/ I'm trying to override Squarespace's responsive font sizes for my H1s at certain screen widths, but my media queries don't seem to be taking effect no matter what I do. Here's the code I'm currently using: /* MY ATTEMPT TO OVERRIDE SQUARESPACE'S SETTINGS AT CERTAIN SIZES*/ h1 { @media screen and (min-width: 1024) and (max-width: 1111px) and (orientation: portrait), screen and (min-width: 1024) and (max-width: 1111px) and (orientation: landscape) { font-size: 54px!important; } @media screen and (min-width: 1112) and (max-widt
  17. Site URL: https://www.snibbe.com/store I'm setting up a store with my Squarespace site. So far, incredibly easy and beautiful. Thanks! I have a problem, though. On mobile only the content in "Header Content: Store" disappears. It is visible on tablet and web. Is there any way to change a setting or style somewhere so this Header Content block remains on mobile, or some workaround? Thank you!
  18. 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
  19. 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!
  20. Site URL: https://www.periodictableofveg.com/ Hi there, I'm having an ongoing issue with the size of my homepage image. I have tried different bits of custom CSS and each seems to generate problems. My homepage banner image cuts off on some mobile devices and on all tablet devices. I've tried two things: OPTION 1 (this still has issues on some mobile and tablet devices) @media screen and (max-width:1200px) { [data-section-id="5feb9cc97360c774c5ed4562"] { min-height: 40vh !important; } } Can you help? Thanks! OPTION 2 (makes the design responsi
  21. Site URL: https://www.dogdays.fi Hi, Which code do I need to add to make my websites background video responsive? And how do I remove the unwanted blocks in the bottom, when viewing the website in example an iPad? I've tried searching this forum and the web. Added some code, helped a little but didn't really solve my problem. pw: koira
  22. Hi there! I've tried everything ...I cannot figure out how to get my embedded google sheet to be responsive. Do any of you fancy coding types have any ideas? I would appreciate your help or even your empathy! <iframe src="https://docs.google.com/document/d/1VouYUL9gPUHsjCvZPwHhZ1JQ8yMhIgTTI6md5Sn-5rE/pub?embedded=true" width="100%" height="2000" frameborder="0" scrolling="no" padding="0" margin= "0"></iframe></div> http://www.ryeeducationfoundation.org (password: ref100) path grants>find your liaison
  23. Site URL: https://www.inneco.de/eco-basic-eco-premium Hi there, how can I make my landing page responsive to different screen sizes? It is quite fine for mobile view and big screens. But it does not look good in between desktop and mobile view. the Logo gets too big or the banner is not full width so it is cut off on the right side (see screen shots). Does anyone know what code I need to show the banner in full width and to avoid the logo (image) getting too big? Thank you for helping!
  24. 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
  25. Hi all! I am working on a dark mode version of my website. I am trying to change the first section background image of the landing page to another image when the viewer uses dark mode, but can't manage to make it work. Here is what I tried so far: @media (prefers-color-scheme: dark) { [data-section-id="5feca0a7dc82f97fd38e575d"] .section-background img { visibility: hidden; } /* set new image */ [data-section-id="5feca0a7dc82f97fd38e575d"] .section-background { background-image: url(https://static1.squarespace.com/static/5f0cd7575142de45f1d531a7/t/5feca8261d1415656f7995
×
×
  • Create New...