> ## Documentation Index
> Fetch the complete documentation index at: https://help.emaillove.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Optimize for Mobile

> Size and swap images for mobile so retina screens stay sharp and small viewports load fast.

To adjust how an image looks on mobile devices, follow these steps:

<Steps>
  <Step title="Select the Image Frame">
    Click on the mj-image-Frame or mj-image in your design.
  </Step>

  <Step title="Open the Mobile Styles Tab">
    In the plugin interface, click on the **Mobile Styles** tab.
  </Step>

  <Step title="Customize Mobile Display Options">
    **Hide the Image**: Choose to hide the image on desktop or mobile. By default, the image is visible on both.

    **Add Mobile Padding**: Apply padding specifically for mobile devices to ensure better alignment and spacing.

    **Adjust Mobile Size**: Modify the width and height of the image for optimal display on mobile screens.
  </Step>
</Steps>