Resize image for mobile squarespace. Thanks, Lee Jun 3, 2025 · Squarespace 7.
Resize image for mobile squarespace. Oct 18, 2024 · Another option is to use Squarespace’s built-in image editor to crop and resize images specifically for mobile. I would also like to reduce t Aug 4, 2024 · Hello, I have 4 images on my homepage that fit perfectly on desktop but are cut-off when on mobile. However, there are a couple tweaks I apply to just about all of the websites I design Nov 17, 2020 · In 7. Jul 7, 2022 · Is it possible to resize an image only for the mobile view? (-75%) It is a little logo, that appears very big on the mobile version, but on desktop it is correct. com/ it looks fine on desktop but in mobile view the text and the image appear huge. Sam Web Developer & Digital Designer☕Did I help? Buy me a coffee? Sep 11, 2020 · please check the site on mobile view to see how it turned out is there a different code to use? i still want it to be a longer width than height if possible Feb 18, 2020 · I have used spacers on the desktop version of my site to make certain images a small size (see the 'all the best' text image at the bottom of my about page). it/ Password: Bozooimilioni Hello, I am trying resize the header image for the mobile and tablet. Resize Background Image on Mobile Squarespace Sam Crawford | Squarespace Expert 3. I was wondering if it is possible to make the mobile logos larger than the 150px in version 7. net/21day-nutrition-challenge-females Trying to resize images on mobile site I've tried using other snippets of code people are suggesting but it doesn't seem to be working. Dec 6, 2020 · Hi guys, We are redesigning our website and upgraded to 7. Jan 15, 2025 · Hello I would like to reduce the scale of the images for mobile as the images are currently too big and not featuring the flowers. Perfections await. However, there are a couple tweaks I apply to just about all of the websites Apr 11, 2021 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Dec 23, 2024 · Resizing an image online is easy with Squarespace. Jul 18, 2020 · Hi, Im looking into resizing 2 images on the footer to fit the mobile view. com Hi, I am having troubles in my square space site. Below, you will find detailed steps and considerations for resizing an image block across different versions. Aug 20, 2025 · Squarespace's built-in responsive design resizes your content and images to fit different devices and screen widths. As you may know, background images can either be 'full bleed' or 'inset'. I've tried a bunch of code from the forum but nothing worked. I try via custom CSS but the icons end aligned to the left. May 1, 2024 · Learn how to resize images in Squarespace in this blog post. The answer to common questions like “Why is my banner cropping on mobile?” or “My Feb 14, 2021 · /* Gallery reel mobile */ @media screen and (max-width:767px) { . Jan 9, 2022 · www. 0 Haute By HarveyAquino, February 28, 2021 in Mobile Oct 16, 2022 · Resizing an image ensures that your images will look sharp on all devices, from desktop computers to mobile phones, so regardless of the reason, it’s easy to resize an image in Squarespace. com/pantry-staples to resize for mobile to be more viewable and proportionate. Aug 25, 2020 · I am trying to make the text on my poster image blocks responsive to the image in mobile so that the text stays within the square image (below the Session Style section). The two logos displayed in the footer render at an unusually large size when viewing on a phone. May 10, 2021 · Hi, I'm trying to resize the banner image on my website for mobile so that the logo doesn't crop off in this display. com Does anyone know the code to change the image size of the list section on mobile? It's perfect on desktop but on a smaller screen the image is way too small. I've tried several custom code published in the forum but nothing works for my website. This hasn't happened to me before and I didn't change anything when I created and uploaded the image, so I'm a bit confused. optimacapitalmgt. squarespace. To do this, simply open the image in the editor and then click on the “Resize” button. We're using 7. . Watch the video below for the full tutorial! Feb 14, 2024 · 1) I would like to know how to find the right selector for the background image so I can alter it for mobile. Sep 18, 2023 · I would like to resize a particular image on my blog post page, in mobile view. Is there a way round this - i. templederryproperties. If you’re using a classic section, you then need to upgrade the section to a Fluid Engine section. Another way to resize images is to use the built-in image editor in Squarespace. Dec 13, 2019 · Hello, Our banner artwork appears fine on our site when viewing on a computer screen, but the mobile view does not resize the banner and cuts off the bulk the image versus resizing for the mobil platform. Optimize image display for faster load times and better UX. Although I don't intend to include the entire width on mobile, I do want it to include more of the image like how it is shown on desktop. Mar 18, 2020 · I'd like to resize images I have in one my sections, but only in the mobile version. I've tried a few pieces of code in this thread, but I'm not sure if I'm grabbing the correct id. Giving no customisation of the look of the mobile site. Why Resize Images for Mobile? While Squarespace 7. I'm currently using 7. com Hello, I've been having trouble resizing the block image at the bottom of my mobile website. Sep 17, 2020 · I’m rounding up the top 10 best copy and paste CSS code snippets to use on your Squarespace website to optimize and customize your site in mobile (and tablet) view! Nov 13, 2023 · 1 yr Guest changed the title to how do i resize background images for mobile version to see the targets as they are on desktop so they are not cropped? Dec 12, 2022 · I switched the images to buttons in an effort to help with resizing on mobile, but now am dealing with an issue of the buttons being different sizes and that impacting the spacing. In this tutorial I’m showing you how to replace and resize images in image blocks on your Squarespace website. Click the Mobile View icon to resize blocks on the mobile layout. May 2, 2024 · Hello I would like to resize my main image from the website on mobile view so that it shows better. Jun 25, 2020 · Hi there, I am a photographer who is setting up an online store to sell prints on Squarespace 7. Some settings will look different in the Classic Editor and on version 7. Alternatively, I'd replace those 2 images in the slideshow or all images with square images for mobile, if that might be a simpler solution. Aug 18, 2024 · Resizing elements within Squarespace can be a great way to fine-tune the design of your site to ensure it looks polished and professional. Cropping images can help to remove unwanted elements and improve the composition of the image. your-image-class { width: 100%; /* Adjusts image width to 100% of the container */ height: auto; /* Keeps the aspect ratio Jul 18, 2020 · Hi there, my home page images are set to be full width on desktop/laptop. 1 (www. My company logo renders at a very small size when viewed on a phone. I’ve lost count of how many times I’ve resized images on Squarespace. 1 by using spacer blocks, code, or a tool called Squarekicker. I've tried adding mobile breakpoints and re-aligning Feb 5, 2025 · But when viewed on mobile, the header/background images do not resize for mobile so the text on my images gets drastically cut off. A summary containing the most significant posts is available with an estimated read time of 2 minutes. Dec 3, 2024 · Follow best practices to resize images for social media or websites and maintain quality. Jul 21, 2020 · The image blocks on desktop look great but when these resize for mobile, they are far too large. com/config/ and am attempting to resize the background for mobile viewing. gallery-reel { height: 35vh !important; } } Apr 12, 2022 · Hi There, I need help resizing the banner slideshow on the mobile version. A grid appears in the background to help guide your resizing. So far as a hack I've exported the image as 142px by 142px bu Mar 18, 2025 · Is there a way to resize product images ? I know I could import the right pixel size for my products, but I was wondering if there was a code I could use to resizes the pixels on my products images. dk Hi! I have a sizing issue on mobile that I would like to fix. However, on mobile, the side spacers disappear so the text looks huge. 1, or Fluid Engine). Nov 25, 2023 · Hi, I have a video on my homepage that I tried to resize for mobile view when my website is viewed on mobile but everytime I change the video size in the mobile view edit, it also affects the size in the desktop view edit. In this guide, we show different ways to add, resize, and customize your images. Sep 15, 2022 · Site URL: https://bozoo. 1, with clean, effective CSS — no plugins, no bloat. Jan 27, 2021 · I'm trying to resize the background image so that on mobile view, the image shrinks and I can see the three people instead of the one. com Hi I have two problems I was hoping to get help with! I am a complete n00b at CSS. Was this post informative? Please give feedback by clicking an icon below ⬇️ Aug 20, 2019 · I would like them to remain with the design of the Desktop version, which is more like a collage, rather than one image after the other. Does anyone know of the correct coding for this. madebykubeba. Jul 15, 2020 · In this video, I show you how to resize your product images for visitors viewing your site from a mobile device. Any ideas? Sep 23, 2024 · @NOAHCRED Hi! Which specific images are you trying to resize for the mobile view, and on which page? If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. 1, this guide shows how to fix it using CSS and design tweaks for responsive results. Jul 21, 2020 · Thanks. marenberg. Mar 1, 2024 · Hi there - I see a few posts like this but can't figure out what code to add to prevent images from resizing on mobile view. For the code used in the video go to https:// Jun 1, 2020 · For example, my wedding portfolio page has the same design as my home page (a background image bled behind the site navigation bar) I want to shrink this image down on mobile version too. e to force it to display the image resized to fit the height of the phone screen and not the width? pass : kinglear In this video, I show you how to resize images for the mobile version of your website in Squarespace 7. albadelborgo. In mobile version they are cropped in a vertical way. lotushealing. — by Crawford Dec 28, 2023 · I would like to have a different gallery size on my homepage both on desktop and on mobile. I'm a beginner at CSS codes and have tried several codes i found online, of which none seem to work. 1, but we are having a hard time adjusting the images for mobile viewing. Thanks, Victoria Apr 4, 2020 · Hey guys, I'd like to resize the image for mobile view only. This specific page will then become a template for other blogs ( I will duplicate it and edit the duplicated pages into new posts) The image in question is my headshot - it's too big and needs to be smaller! The page Dec 28, 2022 · The mobile version of my site page is sizing up these streaming icons, that I'm going to use as links. Everything looks fine when viewing on my desktop, however the images are cropped when in mobile view. Is there a way at keeping these at a particular pixel width/height for both desktop and mobile? Jan 6, 2025 · Resizing images is a crucial step in optimizing images for the web. 1 banner image won’t resize on mobile? Here’s how to quickly fix scaling issues and keep your website looking great across all devices. Squaresp Apr 7, 2021 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. I cannot edit the mobile version of the site in anyway. 0, I was able to make my logo on the mobile version quite large. Here's the code that I'm using and images for reference. Jul 15, 2025 · Every Squarespace site also has responsive design. I'm trying to make it mobile-friendly. Jun 15, 2022 · Looking to resize a background image for mobile. May 27, 2021 · My code is just not working? It seems to be reducing the image wrapper, but not the image? This particular image is just one on the ABOUT page. Jan 12, 2025 · My homepage background image looks perfect on desktop but ends up cropped on mobile view rather than resized to see the whole image. 1 too! Jan 22, 2025 · <style> @media screen and (max-width:767px) { section:first-child { min-height: 30vh !important; } } </style> Wondering how to make your Squarespace website more mobile friendly to improve SEO and user experience? Learn how to resize your images for mobile view. The image is cropping in the middle. The green line is currently passing through the title, hoping to reduce the size for mobile so it fits were it should. com/about-salon-purpose: I've tried codes I have used before however it's not resizing on mobile (would like it 50% of the size). Dec 13, 2019 · I'm having a similar issue, but the rotating banner image on main page is covering up some of the text on mobile. The image blocks on desktop look great but when these resize for mobile, they are too large. May 16, 2022 · The banner image on my page is zoomed up on when viewed on mobile. The images i used for the homepage and other sections (both image section/gallery section/headline section) are horizontal and they fit perfectly for desktop. co. Use them for social, email, or on your brand new website with a 14-day free trial. 1 automatically scales your content across devices, the built-in responsiveness doesn’t always give you full control—especially when it comes to images. com/ Hi, I'm trying to resize the height of the internal page images for mobile (not the width) they have been stretched to be the height of the copy on web view but they need to appear with a smaller height on mobile. However when I view my site on mobile they are cropped and wont resize to fit mobile. This size is ideal for most templates and will ensure that your background image looks great on both desktop and mobile devices. The issues does not occur when viewing on a lapt Feb 28, 2021 · How to resize image for mobile only on SS7. May 2, 2024 · Master how to resize images in Squarespace with our step-by-step guide. I've tried inserting css specific rules for mobile in the header of the page, but it doesn't seem to be working. Our backgrouund images on each section are being cut off by the mobile viewing. Jul 9, 2019 · I've been banging my head against the wall trying to re-size the images on my site for the bedford template. Any suggestions? Thanks Jan 30, 2020 · Site URL: https://www. I know this question has been asked before, but I can't seem to make it work specifically with my website. Jul 30, 2023 · Here are some tips to help you understand Squarespace background image size: Squarespace recommends using an image that is at least 1500px wide for optimal results. Use this guide to understand how images display on the web, learn about Squarespace image requirements, and find formatting guidelines for your images. Thank you! Jan 8, 2021 · Site URL: https://www. Site password is: pickles Looks fine on desk top: Mobile not so much: Feb 10, 2023 · Hi! I have two gallery sections and the section height is large. Dec 6, 2019 · All - I need some help with CSS to resize my main image on mobile. With responsive design, visitors can automatically view your site in many ways, so you don't need to create and maintain separate sites for every potential device, browser, and display width. Oct 8, 2020 · Please can anyone help with resizing one image on my website for mobile view? I have tried various attempts but still cannot resize the image so that is more zoomed out for mobile. How do I ensure they resize proportionately when on mobile? They are images on sections 1, 3, 5 & 7 on the homepage. I would like my video to remain big for desktop view and to automatically Feb 23, 2024 · Hi, I have gone for an oversized full bleed text logo for my home page - I have done this by creating a Jpeg logo with a width of 2560px (I couldn't see a solution to do this design via squarespace itself - please advise if there is a known solution?). evolvehumanperformance. May 3, 2024 · Master how to resize images in Squarespace with our step-by-step guide. How can I do this? This tutorial will guide you through the process of resizing product images specifically for mobile screens on Squarespace 7. Password : hellojimmy 1. Fit will display the entire image within the image block, while Fill will crop the image to fit the block. gallery-fullscreen-slideshow { he Apr 18, 2022 · If the only image block is the logo, try using this in Design > Custom CSS instead: @media only screen and (max-width:640px) { footer . Squarespace offers two ways to resize images: Fit and Fill. uk/ It is the two images on the left (Two Logos, Master Builders and Trust Mark. Also the shopping icon is cut on the right, how can i fix that? Thank in advance for th May 6, 2021 · Stand out online with the help of an experienced designer or developer. The banner images are fine when viewed from a computer, but are significantly cropped in mobile view. Oct 17, 2021 · If you look at this site on mobile view, and scroll to the bottom, the company logo (image block) fills the screen. Plus learn how to crop images easily right within Squarespace too. I am working on https://j123. I have Sep 2, 2019 · Learn how to resize images in Squarespace with this easy to follow Squarespace tutorial. I can swipe to the next or previous image on it, but Feb 16, 2022 · My website is mdrealmedia. Avoid using images that are too large or too small as this can negatively impact your website’s Apr 18, 2024 · I would like to resize this banner image for mobile viewing or be able to show a different photo for mobile viewing. As well as the photo halfway down my homepage with text Dec 11, 2021 · Site URL: https://www. Crop or adjust your images online for free with Squarespace Image Resizer. Password: 12345 Jul 15, 2020 · Hi I'm using the sonny template and I can't work out how to reduce the banner sizes on my home page to suit mobile view. Spacers are a way to resize and reposition your image. 0. Dec 2, 2023 · About this tutorial This tutorial was recorded in Squarespace 7. From desktop everything is fine, but as you can see from the attachement on mobile they are too big. Thanks for the help. For the code used in the video go to https://rebecca Dec 2, 2023 · About this tutorial This tutorial was recorded in Squarespace 7. Oct 18, 2024 · One way to resize images in Squarespace is to use spacers. Nov 21, 2020 · In short - I would like for the image section of this page https://shabbaskitchen. Jonathan https://www. Tried to show it in the Dec 27, 2022 · Hi! I recently redesigned my website and added images from my mobile app onto the site so that users can see how it works. I would like ti to be proportional to how it reads on desktop view. I like the way it looks on desktop, but on mobile, it's way too big and you can't see the full image. co Jan 6, 2022 · Site URL: https://www. May 26, 2024 · Resize images on mobile for blog By Websley, May 26, 2024 in Customize with code May 31, 2022 · I need assistance understanding the css code to resize an image on my website when being seen on Mobile. They are far too big, on the tablet version it still looks good and maintains intended shape/size. homepage article section:nth-child(2) { display: none; } } /* show bottom section on mobile */ @media screen and (max Sep 26, 2020 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Resizing blocks in the computer view won't resize blocks in the mobile layout. com How do I resize images for display on a mobile device. Can I set them to resize just for mobile but stay full width on desktop/laptop? Thanks Replies5 Views623 Created4 yr Last Reply 4 yr Apr 21, 2020 · Hi @tuanphan. Feb 8, 2022 · On my page, I decided to use List Section Carousel to create image galleries. sqs-block-image { width:110px; margin:auto; } } Don't forget to save the CSS and refresh the browser before testing. it) and i am having some issues with the mobile version. Mar 8, 2021 · I've used the following for the image resize but now when I try to adjust the overlay text large sections get greyed out and banner images get cut/rearranged. fr/reiki-distance-fr Hello everyone My website looks good on computer, however on mobile, i would like to resize an image with text that has to look like a banner. com The images I am trying to resize are the three background images on the home, services and gallery pages. Feb 25, 2019 · So there are a couple of tweaks I make to nearly every Squarespace website I design, in order to resize the images for mobile view. Jul 25, 2025 · Squarespace takes the guesswork out of formatting your images for display on the web. Sep 25, 2020 · I want to resize my mobile image on this page https://panda-cylinder-3za4. Is there any way to reduce the gallery section size just on mobile so it more closely resembles the desktop version? Or at least j Apr 15, 2022 · Site URL: https://terrier-plane-hgbb. I see the codes given, but where exactly do I insert that into the CSS? Apr 12, 2022 · Especially for images 2 and 4, I want to make sure the width is reduced so you can see the full 2 images on mobile better. Jun 18, 2025 · If your banner image won't resize for mobile view in Squarespace 7. com/portfolio Hi, I been trying all day with different code to resize specific images on the portfolio page for mobile view. Jun 29, 2023 · Does anyone know how to adjust this background image so that it shows more than this girls ear on mobile LOL Have been playing around with several different codes and cannot seem to get it right despite my best efforts. Jun 18, 2025 · Learn how to resize images on your mobile-friendly Squarespace website in this 2025 guide. Use Squarespace's free Image Resizer tool for help. Oct 1, 2022 · There are a few different ways to resize an image for mobile Squarespace. Jan 18, 2024 · Hi guys! Need a little help here! I would like my images in the grid gallery (on mobile only) to have the same width as my content. I don't want to mak Apr 17, 2023 · Learn the way to resize mobile images in Squarespace! Our detailed step-by-step guide simplifies image resizing on your phone. I prefer to use 'full bleed', however, in mobile, it just doesn't look right. Is there a way to make the buttons on this webpage a uniform size (or ratio, so they resize well on mobile) instead of having the size be impacted by the length of text? Again, we are looking at this webpage -- www Mar 17, 2025 · To resize Simple List Images on Mobile, you can follow these. However, its biggest size (L) is still small for me, I would like images to appear bigger. I am using a stacked design to display multiple examples of my photos. Learn the three different ways you can do this, as well as other helpful tips. Is there a way to code the size for mobile viewing? If you go to bostongreenhealth. Using Find Squarespace IDs and this is what I get: #collection-62112bb786cd8c28fd38ee6f. Desktop version is great but the mobile version crop the images and looks bad, I want to show the full length of the images. We create seven variations of each uploaded image to ensure optimal display on any screen size. ourmanagement. I am happy with how it looks on my 16" macbo May 11, 2020 · Hi, i want to know is a way to reduce the size of my icons in the mobile view, cause they're taking all the width of the screen. Follow our guide to adjust the size of your visuals in just a few clicks. Aug 18, 2024 · Resizing an image block in Squarespace is a straightforward process but it can differ slightly depending on which version of Squarespace you are using (7. Thanks for your help. In short on my main page I have images on the 'how it works' section which look great in desktop but when re-sized to mobile they get way to big. Aug 17, 2023 · The background image at the bottom of my page only displays a part of the image, I can't resize it to show the entire image. From there, you can enter the new dimensions for your image. Thanks, Lee Jun 3, 2025 · Squarespace 7. How do I reduce the size of the banner images so that their entire width i Sep 9, 2020 · Site URL: https://www. How can I make the image block (icons) smaller for mobile view? See attached screenshots to see whats happen Dec 11, 2019 · Hello Everyone, I have no real experience coding and I want to ensure the image seen on the desktop view is roughly the same size on mobile. 1 using the Fluid Engine editor. Any tips on why this is happening, and how resolve it? We've found that the majority of site May 13, 2022 · Make images smaller in Squarespace 7. Right now the gallery pictures on the homepage look great with gallery height size L on desktop view but when I go to mobile view it looks too big. This means the sizes of your images automatically change, depending on the device each visitor uses to visit your site. 37K subscribers Subscribed Aug 5, 2024 · I have read other posts and copied this code into the site, and I like the resize control, however the text under the photo stays in the same place and ends up overlaying the carousel. Jul 31, 2025 · Hold ⌘ or Ctrl while dragging to resize the block symmetrically. Is there not code that allows the proportional cropping of images for mobile or can you adjust the position within the Aug 2, 2022 · Hello, I'm trying to resize the images on my index pages for mobile screens. Apr 9, 2022 · Hi, You can consider adding an one more section under current section, design image for mobile, then add this to Design > Custom CSS to show top section on desktop, show bottom section on mobile only /* show top section on desktop */ @media screen and (min-width:768px) { body. I tried fixing this with the width:100% attribute suggested in some other posts but it leaves a huge gap below the image. Mar 11, 2021 · Learn how to resize your banner image to fit the screen on both desktop and mobile devices. Head to mobile view and you’ll now have control over the section and the ability to edit it how you want it to look. (page specific, not global) 2) How to resize it so that it fits on mobile, and if possible, how to position it. The first is to use the built-in image editor. pentatonicmarketing. Can anyone help with the code for this? I've been trying for days and can't figure it out! Thanks 🙂 Edited May 16, 2022 by Colby1126 Jul 21, 2020 · This topic contains 44 posts with an estimated read time of 21 minutes. Jun 28, 2025 · Make the Image Columns block resize as expected when in mobile, while keeping the layout intact on mobile and desktop. Nov 22, 2024 · Image size during Mobil View: When I click an image in one of the categories from my portfolio page - a non-scalable, small image (smaller than on the portfolio-page overview) pops up on the next screen, with no possibility to zoom in and out. While Squarespace is relatively user-friendly, knowing the basics of resizing images, sections, blocks, and other elements will help you tailor your website to y. #1. Apr 16, 2023 · How to resize a background image on mobile Squarespace Firstly, add your background image within the editor. I went as far as adjusting th Feb 22, 2022 · Site URL: http://www. Sep 23, 2020 · Site URL: https://conch-buttercup-ghb2. Unfortunately, I've found that the built in responsive-layout for my site doesn't play well with the reformatted design. While Squarespace automatically adjusts your site for various screen sizes, you may find the mobile display of product images isn’t quite what you want. First, find Simple List ID. I have tried different codes, but nothing has worked to change the height (medium size fits perfect in testing) See examples: Jul 15, 2020 · In this video, I show you how to resize your product images for visitors viewing your Squarespace Website from a mobile device. Thanks Add to Design > Custom CSS > then save & reload your site /* Mobile-Resize about page */ @media screen and (max-width:767px) { div#block-b898bb25bd6e5d72aac7 { width: 50%; margin: 0 auto; } } In July 2022, Squarespace made a big change to the way sites are edited, and this tutorial is a little outdated! For the latest info, check out https://insid Jun 12, 2020 · It works and renders fine on the computer but the images crop on a mobile, the full width of the image doesnt show. Squarespace does a good job of resizing your website for different screen sizes. I've tried hunting through the forum fo Feb 20, 2020 · This video shows you how to resize your images when being viewed from a mobile device in Squarespace 7. Oct 19, 2021 · Site URL: http://blenny-shallot-rpmf. They add white space, and as you increase or decrease the spacer width, your image will increase or decrease in size. When I view the site in the mobile preview through Squarespace and click on edit, it will automatically change to the desktop site. They currently look huge. Dec 3, 2020 · On 12/7/2020 at 1:43 PM, bangank36 said: The ratio of the image make it hard to show 2 people on smaller width, do you have another version of the image that can be replaced on mobile? Can we use this for mobile see attached. Currently it's only showing very small part of it, and resizing seems like it's only doable via code. This can be done by selecting the “Crop” option and then dragging the edges of the image to the desired size. Discover tips and tricks for modifying images and ensure a polished, responsive site. Mar 1, 2020 · Hey, I need help putting code to resize the text and image on mobile to appear smaller. There is also only one im Feb 24, 2022 · Squarespace does a good job of resizing your website for different screen sizes. com Learn how to resize, scale, and make images smaller in your Squarespace website with simple steps that maintain design quality and responsiveness. On homepage, I would like to shift and resize the background image on my mobile view to the left as it completely cuts off the main part of the gif a Oct 31, 2020 · Hi All, This question seems to have an impossible outlook. May 13, 2022 · Make images smaller in Squarespace 7. I got the solution for the galleries slideshow with this css code: . emilyagan. Can someone help me? I am not sure what the 'class' of image is for "your-image-class" in the below code: @media screen and (max-width: 640px) { img. Oversized images on mobile can: Jul 8, 2020 · How can I resize these (on Mobile? https://www. Could anyone provide me with the right steps, advice or a CSS code to correct this and have the images appear as originally on a mobile device without effecting the Desktop version? Many thanks in advance! May 25, 2021 · Site URL: https://menar-website. 1. 0, 7. If anyone could help me it would be really appreciate. The two images affected are: May 3, 2020 · I have an issue with my images in full width on the mobile view: I would like to find a solution to resizing them. This step-by-step guide shows you how to resize Image Blocks responsively on mobile in Squarespace 7. The site is http://zhanamitkova. I have been trying to resize 'background-images' on mobile in 7. This is only for individual sections on two separate pages - URL and sitewide password listed below. I would like to have the same image, simply not cropped. Any help would be much appreciated. May 20, 2021 · I am working on a website in Squarespace 7. Can you please help? Jul 23, 2021 · I am trying to resize the image on the first page of my site so the height fits in the mobile browser. The rest of the image resizing being done on the mobile version I like, I just want to keep the Oct 25, 2021 · This resizes perfectly to mobile when held in portrait but if I turn the phone sideways to landscape the logo image fits the screen width ways but cuts the top and bottom off and looks really messy. com/config/ Hi, I have added an image to the top banner on the desktop view but in mobile view when it resizes to fit the screen it shows just a section of the image. itmaxbqv dofcb chdsxu rwyl oyuryl dur oxvibw gaj zsbl hurlhg