Return to previous page

How to make a slider full size in mobile version

This topic has 11 replies, 2 voices, and was last updated 11 months ago ago by Rose Tyler

Bumaa

Participant

March 18, 2024 at 10:39

Hello, i am trying to change the slider of our website into mobile version. But, the scroll snap on the slider makes it not looking full size image. How to make it full size image, and i would like to scroll snap over the picture. Please, refer the attached picture.

Files is visible for topic creator and
support staff only.

#387309 Copied Theme version: 9.2.9

10 Answers

Rose Tyler

Support staff

March 18, 2024 at 11:24

Hello, Bumaa,

Thank you for reaching out to us with your query regarding the slider on your website. We understand that you are looking to adjust the mobile version of your slider to display full-size images while retaining the scroll snap feature.

Your site is under maintenance mode, so we can’t check it.

Could you please provide temporary wp-admin access?

Thank you for your cooperation and we look forward to hearing from you soon.

Best Regards,
8Theme’s Team

#387323 Copied

Bumaa

Participant

March 18, 2024 at 11:39

Hello, you can find regarding information on private content area.

Please contact administrator
for this information.

#387330 Copied

Rose Tyler

Support staff

March 18, 2024 at 14:18

Hello, Bumaa,

We appreciate your prompt response.

Please clear cache and check the result.

Best Regards,
8Theme’s Team

#387367 Copied

Bumaa

Participant

March 21, 2024 at 09:54

Hello, please guide me how to clear cache?

#387823 Copied

Rose Tyler

Support staff

March 21, 2024 at 10:17

Hello, Bumaa,

Please read this – https://support.google.com/youtube/answer/32050?hl=en-GB&co=GENIE.Platform%3DAndroid
We would like to inform you that additional information regarding the process of clearing the cache on a mobile browser is available online.

Best Regards,
8Theme’s Team

#387827 Copied

Bumaa

Participant

March 22, 2024 at 10:58

Hello, Thanks for your help. As of now, picture of slider is not same as slider editing section. On editing section’s ratio is what i want to make, but on home page preview is broken and not looking same as slider editing section. Please, check it out and fix it if it is needed. Thank you.

.P.S: I have uploaded the screenshots which you will understand what problem i am facing.

Files is visible for topic creator and
support staff only.

#388064 Copied

Bumaa

Participant

March 24, 2024 at 05:23

Hello, did you see my last request? Please, help me on my last request and provide me article which i can solve my problem.

#388279 Copied

Rose Tyler

Support staff

March 24, 2024 at 08:16

Hello, Bumaa,

Please accept our apologies for the delay in responding to your inquiry. Your question requires the attention of a specialist who will be available after the weekend. They will address your concern and provide you with a response tomorrow. We kindly ask for your patience in this matter.

Thank you for your cooperation.

Best Regards,
8Theme’s Team

#388295 Copied

Bumaa

Participant

March 25, 2024 at 03:29

Hello, thank your for response. I am waiting for the expert who respond my request.

#388400 Copied
Rose Tyler

Support staff

March 25, 2024 at 10:36
Hello, Bumaa,

You have 2 sliders – the first slider is designed for desktop displays, while the second one is for smaller devices.

We’ve applied cover for sections background and added the following custom CSS code:

selector .swiper-slide { overflow: hidden } selector [data-elementor-post-type="etheme_slides"] { overflow: hidden; }

All slides are being pulled through the mechanisms illustrated in the following screenshots: https://prnt.sc/ccSintxyAgT7 + https://prnt.sc/UXu6eOsQlbTf
But we have fully revised this particular slide for you: https://lac.mn/etheme_slides/nmn_home-page-slider_mobile/ Should you wish to create additional slides, you may do so based on this template.

320 => https://prnt.sc/HTAZVi0-ts4i
768 => https://prnt.sc/GEDiKvFlAPUI
Please note that this slider does not exist on other devices outside of these specified breakpoints.

Best Regards,
8Theme’s Team
#388460 Copied
Tagged: full size slider mobile, optimize slider mobile view, woocommerce full width slider, woocommerce mobile slider guide, wordpress mobile slider tutorial, wordpress woocommerce themes
Viewing 11 results - 1 through 11 (of 11 total)