Why do it: Uploading a separate background image for mobile devices ensures that the image is optimized for smaller screens, improving display and loading times.
Procedure
1. Access the Slider editing section and select the slide you want to configure.
2. Scroll down until you find the panel titled Background.
3. Within this section, locate the field labeled Mobile Image.
4. Click on the upload area associated with Mobile Image. Your media library will open.
5. Select an existing image or upload a new file you want to use as the background for mobile devices.
6. Once the image is selected, make sure it is displayed correctly in the field preview.
7. (Optional) In the same Background section, you can configure how the image is displayed on mobile devices using additional fields:
- Size (e.g.,
coverto cover the entire area). - Repeat (e.g.,
no-repeat). - Position (e.g.,
center center). - Attachment.
8. When finished with your changes, click the save button to apply the new background image.
