To adjust how an image looks on mobile devices, follow these steps:
- Select the Image Frame Click on the mj-image-Frame or mj-image in your design.
- Open the Mobile Styles Tab In the plugin interface, click on the Mobile Styles tab.
- 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.