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

Search the Community

Showing results for tags 'responsive'.



More search options

  • 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

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

Found 8 results

  1. 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?
  2. 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-block-v2) .intrinsic .image-block-wrapper img Therefore i'm going for something along the lines of: @media only screen and (max-width: 600px) {.sqs-block-image .image-block-outer-wrapper:not(.image-block-v2) .intrinsic .image-block-wrapper img {background image: https://static1.squarespace.com/static/5d00032088447c0001487495/t/5dcdc90c40062f0cf29e9ddc/1573767446853/mobilelogo.png;}} Help would be much appreciated!! Cheers!!
  3. Hello guys Like many websites, mine has skyscraper ads of which are ideally designed for viewing on a full screen browser but do not work well for mobile use. I have seen code that would allow single images to be responsive in that a skyscraper (160x600) can be replaced by a square (250x250) advertisement when the browser window reaches a certain minimum/maximum width. Is there such a code that can be done with galleries on Squarespace? For example - I want to have a slideshow gallery of rotating skyscraper ads display on browser screens over 750 px wide. Where anything narrower, I want to have a slideshow gallery of rotatng square ads shown in the same place. Thus optimizing mobile viewing.
  4. 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
  5. Hi -- I'm hoping to adjust how the mobile stylesheet renders the H1 tag. I've chosen a large, bold title for the front page, yet when it is viewed on mobile, the stylesheet is causing the words to break unnaturally. I'd love for the text to resize to an appropriate scale, similar to how the Bedford template works. Any advice? Thanks!Jon
  6. I'm working in the Pacific template and happy with my desktop version but when I change over to the mobile version everything gets bumped out of wack. I have 4 separate text blocks under the main banner that I'm using as another level of navigation. On the desktop version they're nice and aligned horizontally but when I move to mobile they stack on top of one another which I do not want. Also I have separate sections going down my page with alternating layouts (first section has an image on the left, then a text block, image block, and button next to it on the right; the next section is flopped with the text, image, and button on the left and image on the right). When moving to mobile everything lines itself up but in the first section the image is on top and the second section the image is on the bottom. For the mobile version I want all sections to look the same. Any idea?
  7. Certain images appear very large when viewed on a mobile device (stretched over full mobile screen). When viewed on computer they are the correct size. I’ve tried several CSS codes, but unfortunately I’m not skilled enough. Can anyone help me with writing one? So how can you change the size limit for one specific image? Thanks so much!
  8. I'm trying to embed a bunch of Facebook posts onto my Squarespace page to make a curated Social media feed. It works fine on Desktop view, but on mobile view the Facebook posts aren't responsive. Twitter posts are lovely and responsive so I'm not sure what I'm doing wrong. Can anyone suggest anything? Here is the page (under the title 'We don't care about mobiles option'!): https://malachi-chadwick-vsy2.squarespace.com/config#/|/itshappening
×
×
  • Create New...