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
    • Resources
  • 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
  • German Circle Members's Topics

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.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!
  2. Site URL: https://laurabennettdesign.com Hello Coding experts, my site won't load correctly when you click on the main logo to "return to home". Rather it has to be refreshed each time to allow all of the home page blocks to load correctly. Im noticing this specifically on the home section titled "Heart-led, Purposeful Design" with the photo block on the right. When clicking on the main logo, this section actually doesn't display the photos or subtext at all (see photo attached). But upon refresh it works normally. It seems perhaps it's working on the backend of SS but not working when the site is accessed by browser (ie. Safari, Chrome, etc.) Please help! site: laurabennettdesign.com
  3. Site URL: https://www.bouldersgym.com/signinwaiver Hi, We use a POS system that integrates into our site using an Iframe. Unfortunately the iframe works well on the desktop version but on mobile fails to be properly responsive. Any tips?
  4. Site URL: http://www.chumbo.org Hello! I have an issue with the navigation bar on tablet view - 800px until 1024px - where my menu morphs into something in between its desktop and mobile design (see attached). I don't know what to do, it's probably related to the javascript, but I don't know Java. Is there any way this can be solved by a self- taught like me? Thank you in advance. Catarina
  5. Site URL: http://www.whoisraag.com/ My website looks alright on desktop and mobile but it's a mess on tablets. @tuanphan I remember you pointing this out a while ago. How can I solve this without writing a million lines of code? Please let me know if you can help in any way 😞 It's okay for the tablet to follow the same rules as the mobile layout for my website. The same thing is happening for my company website - http://www.madebydot.tv/
  6. Site URL: https://www.chumbo.org Hello! I'm having issues with embed podcasts on mobile and tablet. It doesn't respond well once resized. It appears to be underneath the background layer. Please see attached pic illustrating the issue. Any thoughts? Thank you
  7. Site URL: https://finch-stingray-xe7m.squarespace.com/werkgebied My page can be viewed using this password: clogs Hi, I am trying to show a Google MyMaps iframe to load in responsive view. It should be at 100% width on both desktop and mobile view, but it is failing to do so. The code I injected is from this tutorial: https://www.w3schools.com/howto/howto_css_responsive_iframes.asp This is the code I used in the code-block: <div class="container"> <iframe class="responsive-iframe" src="https://www.google.com/maps/d/embed?mid=1z5TX60I4DPiRlBfMpn16J2iNhscPWlI&ehbc=2E312F"></iframe> </div> And this in the Custom CSS: /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ .container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } /* Then style the iframe to fit in the container div with full height and width */ .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } I am no coder myself, so I followed the tutorial, but perhaps I need to set the CSS classes different for SQSP. never understand how this works for SQSP. Hopefully there is a CSS guru who know what I need to do to make it work. 😏 Thanks in advance! 🙏 Cheers, Steven
  8. Site URL: http://www.mortenskovlund.dk Hi all I have made my new site, but discover that it is not responsive on mobile (vertical) 😭 My home page is displayed catastrophically. Is it my theme or something I have not set correctly? Has searched in all settings. I have a hard time imagining themes that are belly without being able to be displayed properly on mobile br Morten
  9. Site URL: https://sprout-dragonfly-f48x.squarespace.com/ Hi there, I'm implementing an image in my website that I need only at 25 % of its size. On the desktop version I just implemented some empty space next to it to resize the whole thing. However, on mobile the image appears full screen. I resized it via CSS to max-width of 25 % but it's either possible for all images (than it works fine but all other images are just as small) or I target only the specific image with data-image-id but that's not working. It resizes the image but the whole container stays the size of the full size image and therefore creates too much space underneath the now smaller image. I've used this CSS code: @media screen and (max-width: 640px) { [data-image-id="60e8168657d2352c927ec54d"] { max-width: 25%; max-height: 25%; } } In the attachment I show you a screenshot of what it looks like now on the website. I also attach an image of what I want it to look like (if I address all images it works perfectly but not when I try to address only the one). Thank you for your help! Sarah
  10. Hello squarespace community, I've always disliked the way that squarespace shows it's menu options in the mobile view, but I've never been able to get the code right to fix it. Instead of showing the nested view after clicking a folder, I would like for the available pages to smoothly display underneath that folder as a drop down menu with the appropriate arrow directions too. This means hiding the 'back' link which I think have the right code for: .header-menu-controls-control[data-action="back"] { display: none; } I've attached a rough example of what I would like for the menu to do. HUGE thanks if you can also help with the CSS for the arrows to display on folders in the desktop view too!!
  11. 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 like a fix to this should have been baked into 7.0 since it's such a common UI pattern. Any help would be appreciated. And thank you! 🙏
  12. Site URL: https://briancullenfurniture.squarespace.com/lighting/wallsconce I would like to know how I can keep the ".item-pagination" navigation arrows centered vertically pass: BCF-light230522 Thanks
  13. Hi all, I am on 7.1 and was hoping to see if there was a way to change the overall website breakpoint for mobile responsive viewing (as there was in 7.0). I know that I can target specific elements with min/max @media screen CSS snippets, but my hope is to make the entire website change to the mobile view at a specific width. Say, for example anything 1000px and under switches to the mobile responsive view. Many thanks for any and all help!
  14. Site URL: https://meinphotokurs.ch Hi guys I'm trying to disable the background image of a section on mobile, but somehow I can't manage to do that. I found in different forums this code: @media screen and (max-width: 768px) { section[data-section-id="6242b5d7ad5bb6583194145b"] .section-background img { display:none !important; } } I tried also different variations I found over the net, but nothing really works... Does someone know what could be the problem? Best regards
  15. Site URL: https://www.midrunpress.com/ Can't figure out why the type gets larger before scaling down on responsive view on this site. Haven't seen this happen on other sites I've done. On 15" monitor full screen browser or larger type looks correct. If you narrow the window the text all jumps larger, before starting to scale down as I'd expect on responsive view. Any tips of why or how to avoid?
  16. Site URL: http://suziichan.com Hello! I've been trying to figure this out with other posts on the same issue, but I'm not having any luck. I am working on a site for a Client in 7.0 (and its been a while since using 7.0). I'm trying to use the Poster Image block and keep the text contained within the image on all screen sizes. Currently the font bleeds off the image. I have spacers between the images on desktop because the full images are too big there without them. The best view right now is on mobile with the images stacked (still not spaced correctly/button bleeding off bottom/need more padding), but I want to keep them side by side on larger screens. If the List section option was available in 7.0 I don't think I would be having this issue as that is the look/idea I'm trying to achieve. Help! It's driving me crazy! Thank you so much in advance, Emily
  17. Site URL: https://www.bauyu.com/ Here is the page I want to embed facebook video. https://www.bauyu.com/current-exhibition I'm trying to use this code : <iframe src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2FBYARTTaipei%2Fvideos%2F363770025768375%2F&show_text=false&width=476&t=0" width="476" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe> It works well in desktop view, but in the mobile and tablet it looks bad. Please let me know how to adjust, thank you!
  18. Site URL: https://shoshinmatcha.com/select-your-matcha hello, when these two pics on my site https://shoshinmatcha.com/select-your-matcha go to mobile they take up the whole screen. how do I make them smaller and side by side like they look on an ipad or computer ??? please help?
  19. Site URL: https://www.charthouseinn.com/ Can someone help me with this issue I'm having I have line breaks on the site that work on the desktop view, but on mobile they create very weird line breaks. If I fix the line breaks in mobile it looks bad in desktop. Is there a code I can use that will make the mobile version not apply the line breaks? ex: this is how it reads on desktop: The Chart House Inn is centrally located in Newport, Rhode Island — the City by the Sea. but on mobile it reads: The Chart House Inn is centrally located in Newport, Rhode Island — the City by the Sea.
  20. Site URL: https://www.nancykononelos.com Hi, In mobile, my website footer doesn't display properly. It doesn't stack with the content above it. The typography doesn't size down Can you help me fix this, please? Thanks!
  21. Site URL: https://bysophie.es/pagina-nueva Hello, as you can see in this URL: https://bysophie.es/pagina-nueva I need to adapt the first slider to mobile, because the images aren't showing alright. I have the creativities in both dimensions (PC and Mobile) but i don't know how to create an slider exclusively for mobile and another for computers. Also, if it's another solution that could work like redimension only in mobile devices, etc. I'm grateful in you can share it with me, so I can do it the most simple way. Thanks!!
  22. Hello everybody! I'm creating an ecommerce, now it's not availble. I really dont like how the lighbox of the product's quick view appear in the mobile version. Is any way to keep the quick view option in the pc version and unable it ( or remove the button) in the mobile version? Please can anyone help me out? Thanks in advanced 🙂
  23. Site URL: https://www.aspireleadwell.com/services I am trying to adjust the icon images on this page into two columns when viewed on mobile. I used this code but the last two icons are hanging. Any idea how to adjust this code? Current Code: @media screen and (max-width:767px) { div#page-section-60615955e6fb7c423bfac5d6 .span-12 { .span-4 { width: 50% !important; float: left !important; } }
  24. Site URL: https://raspberry-lavender-gzxh.squarespace.com/ I'm looking for CSS to make these two circle buttons side by side on mobile. I've found this answered lots of places but still can't seem to get it to work. Site password is 1234
  25. Site URL: https://hawk-cheetah-42a2.squarespace.com In my shop, the category links I have on the main shop page is not responsive to mobile. Half the links go missing. You can see here the difference. I don't see any place to fix that.
  • Create New...