<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>thread How to keep the image from cropping when switching between mobile and desktop? in Online Store</title>
    <link>https://community.squareup.com/t5/Online-Store/How-to-keep-the-image-from-cropping-when-switching-between/m-p/823342#M44236</link>
    <description>&lt;P&gt;Hello&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;So I've seen a lot of people have this issue and as far as I can tell it has not be addressed. Put simply the aspect&amp;nbsp;ratio between mobile and desktop is different. That means it's imposable to have an image that has the correct pixel ratio needed to get an image to look good in both views. When ever you set an image for a banner in desktop it will automatically be cropped for the for the mobile view. Ill attach what the problem looks below.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;My ratio is 2000x1000 for the image.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2025-10-31 141503.png" style="width: 853px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/53606i93970AD452C3DCD5/image-size/large?v=v2&amp;amp;px=999" role="button" title="Screenshot 2025-10-31 141503.png" alt="Screenshot 2025-10-31 141503.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2025-10-31 141444.png" style="width: 999px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/53607i2AC81FFD82474CAC/image-size/large?v=v2&amp;amp;px=999" role="button" title="Screenshot 2025-10-31 141444.png" alt="Screenshot 2025-10-31 141444.png" /&gt;&lt;/span&gt;&lt;/P&gt;</description>
    <pubDate>Fri, 31 Oct 2025 18:18:28 GMT</pubDate>
    <dc:creator>DumbGoblin</dc:creator>
    <dc:date>2025-10-31T18:18:28Z</dc:date>
    <item>
      <title>How to keep the image from cropping when switching between mobile and desktop?</title>
      <link>https://community.squareup.com/t5/Online-Store/How-to-keep-the-image-from-cropping-when-switching-between/m-p/823342#M44236</link>
      <description>&lt;P&gt;Hello&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;So I've seen a lot of people have this issue and as far as I can tell it has not be addressed. Put simply the aspect&amp;nbsp;ratio between mobile and desktop is different. That means it's imposable to have an image that has the correct pixel ratio needed to get an image to look good in both views. When ever you set an image for a banner in desktop it will automatically be cropped for the for the mobile view. Ill attach what the problem looks below.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;My ratio is 2000x1000 for the image.&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2025-10-31 141503.png" style="width: 853px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/53606i93970AD452C3DCD5/image-size/large?v=v2&amp;amp;px=999" role="button" title="Screenshot 2025-10-31 141503.png" alt="Screenshot 2025-10-31 141503.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Screenshot 2025-10-31 141444.png" style="width: 999px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/53607i2AC81FFD82474CAC/image-size/large?v=v2&amp;amp;px=999" role="button" title="Screenshot 2025-10-31 141444.png" alt="Screenshot 2025-10-31 141444.png" /&gt;&lt;/span&gt;&lt;/P&gt;</description>
      <pubDate>Fri, 31 Oct 2025 18:18:28 GMT</pubDate>
      <guid>https://community.squareup.com/t5/Online-Store/How-to-keep-the-image-from-cropping-when-switching-between/m-p/823342#M44236</guid>
      <dc:creator>DumbGoblin</dc:creator>
      <dc:date>2025-10-31T18:18:28Z</dc:date>
    </item>
    <item>
      <title>Re: How to keep the image from cropping when switching between mobile and desktop?</title>
      <link>https://community.squareup.com/t5/Online-Store/How-to-keep-the-image-from-cropping-when-switching-between/m-p/823581#M44258</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.squareup.com/t5/user/viewprofilepage/user-id/748928"&gt;@DumbGoblin&lt;/a&gt;!&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;I was able to track down your current site and tested it on both Android and iOS devices to check the mobile view, everything appears to be displaying normally on my end per my screenshot below. Love the site design by the way!&lt;BR /&gt;&lt;BR /&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-left" image-alt="IMG_0019.png" style="width: 185px;"&gt;&lt;img src="https://community.squareup.com/t5/image/serverpage/image-id/53624i5F91120A73E94576/image-size/medium?v=v2&amp;amp;px=400" role="button" title="IMG_0019.png" alt="IMG_0019.png" /&gt;&lt;/span&gt;&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;From the blue outline in your screenshot, it looks like it was taken while in the Site Editor. When switching between mobile and desktop view in the editor, is that where you’re noticing the image isn’t resizing to fit the page width?&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;
&lt;P&gt;If so, I’d recommend trying some general browser troubleshooting: sign out of your Dashboard, clear your browser cache and history, then open a new window or try an incognito browser session to see if the issue persists. If the problem continues in preview mode or while editing your site, let me know, it should ideally display the same as what we’re seeing on your live site.&lt;/P&gt;</description>
      <pubDate>Tue, 04 Nov 2025 04:09:16 GMT</pubDate>
      <guid>https://community.squareup.com/t5/Online-Store/How-to-keep-the-image-from-cropping-when-switching-between/m-p/823581#M44258</guid>
      <dc:creator>Laurie_</dc:creator>
      <dc:date>2025-11-04T04:09:16Z</dc:date>
    </item>
  </channel>
</rss>

