Return to previous page

Assistance Needed with Slider Cropping Issues on xstore slider

This topic has 8 replies, 3 voices, and was last updated 1 months, 2 weeks ago ago by Luca Rossi

shonakisam_98

Participant

September 24, 2024 at 07:08

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.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#415608 Copied Theme version: 9.3.17

7 Answers

Tony Rodriguez

Support staff

September 24, 2024 at 08:39

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

Please contact administrator
for this information.

#415630 Copied

shonakisam_98

Participant

September 24, 2024 at 08:53

thank you but you can see
the slider looking very small on page

i have mentioned it earlier
its looking small on mobile view

Files is visible for topic creator and
support staff only.

#415634 Copied

Tony Rodriguez

Support staff

September 24, 2024 at 09:34

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

#415641 Copied

shonakisam_98

Participant

September 24, 2024 at 09:45

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

Files is visible for topic creator and
support staff only.

#415650 Copied
Luca Rossi

Support staff

September 24, 2024 at 13:41
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!
#415699 Copied
shonakisam_98

Participant

September 24, 2024 at 17:27

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.

Files is visible for topic creator and
support staff only.

#415722 Copied

Luca Rossi

Support staff

September 25, 2024 at 07:56

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

#415765 Copied
Tagged: slider cropping assistance, woocommerce xstore issues, wordpress theme assistance, wordpress troubleshooting, wordpress woocommerce themes, xstore slider cropping, xstore slider help
Viewing 8 results - 1 through 8 (of 8 total)