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://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;
  2. 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!
  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. 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?
  5. Site URL: https://www.kailynmoore.com/lumify Hi there! I'm creating a portfolio site and all of my full width images crop on mobile to the point you can't tell what you're looking at. I am looking to remove this responsive feature on ALL full width images (not just 1 instance). Ideally, the image would just span the actual full width of the screen regardless of the screen size, so no cropping ever occurs. Can anyone help me with this? I've looked everywhere for a solution and this seems like it would be a common issue. pw: kailyn
  6. Site URL: https://www.erateconsulting.com/ Hi everyone, I came across an issue when resizing my website using Chrome. On some screensizes (not all), the main navigation overlaps my logo instead of breaking into two lines. On the screen shot below my window is about half the size of my screen. Any ideas of how to fix it? 😞
  7. Site URL: https://www.virusfreevoting.org/ I bought and downloaded a Responsive CSS Flexbox Grid Framework on envato market, but unfortunately, i don't see any documentation of how to add it to my 7.1 squarespace website. Help please. I'm trying to recreate this https://vote.poorpeoplescampaign.org/ (scroll down to the bottom) the photo collage where people can upload their picture and put in a quote. Thank you.
  8. 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.
  9. 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.
  10. Site URL: https://www.beginnerballetforadults.com/ Hi! I need help getting a Google calendar to show up on mobile and tablet. It shows up fine when you look from a computer. I've added two versions of the calendar, one big and one small, to the website temporarily. My hope is to make the design responsive so that computer users will see the big calendar and mobile & tablet users will see the smaller one. But right now neither calendar loads on mobile or tablet. There's just a blank rectangle. Any help or insight appreciated! Thank you.
  11. Site URL: https://chesapeakeheartland.org Hi all - I am trying to make all the image banners responsive when the window size changes. I would like to keep the image within the container but at the moment when resizing, the image extends out of the container / is cut off. I'm looking to respond to mobile displays to 2600px displays. I've tried some media queries and they don't seem to be working. A portion of the media query will be fine, but not the entire media query range. I've broken the query ranges up, thinking they were too long of a "px" range, but no luck. I also looked into "f
  12. Site URL: https://bison-buttercup-bdpb.squarespace.com/ IDUMA template: Link: https://bison-buttercup-bdpb.squarespace.com/ Password: 12345 (1) How to get the first image to display full width on mobile device? I tried the following code but it leaves a grey background on mobile. @media screen and (max-width:640px) { [data-section-id="5f249752d6f33d72e0925409"] .section-background img { width: 100% !important; height: auto !important; } } (2) How to get the last image - height large on desktop but small on mobile?
  13. Site URL: http://www.glossi.io Hi all, Is there a way to keep my background video from cropping when I adjust the size of the browser window? The video is towards the bottom of my home page in a section called "Look great on every screen" Thanks Jonathan http://www.glossi.io pass: Hi5Speaker
  14. Site URL: https://oval-reindeer-llrk.squarespace.com/projects/project-two-g2haz When the window size decreases in height, the arrow becomes covered and the images starts to cutoff. On the other hand, when the window size increases, there's too many white space underneath the arrow. How am i able to fix this? Version 7.1 Website is Password Protected - Password: test
  15. I need help figuring out how to keep the summary block background on this page from being wider than the viewport. It took me forever how to figure out how to get the background to be full-width on desktop. It seems to all be shaping up except for the right side extended past the viewport on mobile devices. I would greatly appreciate any insight. Thank you!!!
  16. Site URL: http://kukuitakeaway.com/ Hello, I just published this web http://kukuitakeaway.com/ and the mobile version is not shown, and the option is activated. What happen? Thank you!
  17. Site URL: http://lomejorparati.squarespace.com Hi All, So I am working on business webpage and currently have this navigation bar that if you resize the window the font of the navigation bar is not scaling down. Everything is ok in my computer screen but when i try to see it from other screens or ipad the nav bar is maintaining the same font size making the text stucked underneath each other when the window width is changed. Hope you can help me with this, Thank you!!
  18. Site URL: https://www.or-never.com/ Hi there My image block on the home with overlay text is not displayed nice in mobile view. The text should be completely over the image or under. Now it is a mix, what does not look nice. I have no idea what css to use to fix this. Could anyone help me please? Thanks a lot*
  19. Site URL: https://bernardandhawkes.com/the-library Hey, I had removed a lot of the inbuilt padding on my desktop site with this code.... [data-section-id="xxxxxx"] > .content-wrapper { padding-bottom: 0 !important;} Which has worked really well, but the padding is still there on mobile and iPad, anyone know how do I make the css specific enough that it works on all devices? I thought it would translate across all screens as I hadn't specified just desktop! Thanks!
  20. 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_
  21. 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?
  22. Site URL: https://onion-mustard-bs39.squarespace.com/cover My client wants this landing page for clients to land on before entering the site but it isn't responsive/mobile friendly. Am I able to make this image (the logo pressed paper) responsive somehow?
  23. I took the Impact Template and customized it slightly for my own, however the text in the "gallery" page section is not responsive - which is quite annoying especially when I didn't change a thing from the templated design originally given to me in squarespace. The problem: The full text area doesn't show up on mobile or tablet - it gets cut off The solution: I need the text in these sections to show up on tablet and mobile as it does on desktop. How can I make this happen? Any idea how to correct this?!?! It's so annoying.
  24. 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
  25. My desktop design is fine but when I change the device mode to mobile and tablet views, the text gets unreadable and stacked on top of each other at different parts of the screen. How do I solve this problem? Thanks so much!
×
×
  • Create New...