This topic has 8 replies, 3 voices, and was last updated 1 months, 2 weeks ago ago by Luca Rossi
I am creating sliders using the XStore slider feature. I have given the correct dimensions, but I don’t know why the banner of the sliders is getting cropped in both mobile and desktop monitor views.
I created the banner with dimensions of 1920 x 820 px, but on mobile view, the slider section appears very small. I will provide you with the credentials. Please check and fix this for both mobile and desktop views.
I have attached a screenshot of the feature I am using.
Hello, @shonakisam_98,
Thank you for contacting us and for using XStore.
We are pleased to inform you that the issue you reported has been successfully resolved. To address the problem, we followed these steps:
1. Accessed the page using Elementor.
2. Navigated to the “Edit Slides” widget.
3. Adjusted the settings for each slide to select the position and set the display size to “contain.”
4. Updated the changes accordingly.
The “contain” display size ensures that the full image is visible.
For your reference, we have included a relevant image in the private content area of our website.
We hope this solution meets your needs. Should you require further assistance, please do not hesitate to contact us.
Best Regards,
The 8Theme’s Team
thank you but you can see
the slider looking very small on page
i have mentioned it earlier
its looking small on mobile view
Hello, @shonakisam_98,
Thank you for your response.
In this case, you need to edit slider settings further. What exactly do you want on mobile? Big height doesn’t require image in that height for all devices, you can set container height https://prnt.sc/foEpSXqJ2_A3 and background color – https://prnt.sc/fjlZmEYawf_2
To provide you with the most accurate advice, could you please describe in detail what you aim to achieve? For instance, if your goal does not require the use of an image or banner, you might consider simply adjusting the background settings for the container. This approach allows for different heights and other settings across various devices https://prnt.sc/JprYkajT3bJ6
Best Regards,
8Theme’s Team
hello
in with this settings you can see the banner of sliders is not getting cropped but you can see
its looking very small if i try to increase the min height its getting croped
iam attaching the screen shot
how i want
you can see in the screenshot
i want my banner till that point
Hi @shonakisam_98,
Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:
@media (max-width: 600px){
.etheme-elementor-slides .swiper-slide-bg {
background-size: cover !important;
}
.etheme-elementor-slides .swiper-slide {
height: 400px !important;
}
}
Hope it helps!
i have tried this before
i have told you it is getting cropped!
i have attached the screenshot
after implementing the code
in xstore theme css.
Dear @shonakisam_98,
We hope this message finds you well. We regret to inform you that it is not feasible to display images at full size on mobile devices due to the limited screen width available. However, we are able to increase the height of the images to enhance their visibility.
Thank you for your understanding.
Best Regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up