Slider overlap problem

When I try to reduce the size of the PC window, the slider gets overlapped as seen in the screen capture.

Tried to adjust the “Height on tablet”, but still couldn’t fix the problem.

The file size exceeded limit

Attachments:

You must be logged in to view attached files.

Hello,

Your slider looks just perfectly fine now. You can check in the below screenshot:

Screenshot for clarification: https://jmp.sh/cFKgrAG

Kindly clear your site and browser cache and then check back.

Best Regards.

When you reduce the width of the web browser on PC.

I tried to clear the cache, and the overlap is still there.

File size exceeded

Attachments:

You must be logged in to view attached files.

Another problem on top of this
On mobile view, the slider links do not work?

Hello,

The image size exceed because you are using an image element inside the slider and also using separate image for tablet and mobile. So in the tablet the image the background height is more then the image which used in the image element. To fix this you can use your image as a featured image or if you are using the image for tablet and mobile separately then remove the image element.

So I created a test slide and add in your Decor slider at order “6” and it works just perfectly fine. You can check the settings of that example slide and used the settings for your other slides.

OR

You can hide the image column options for the tab and save the changes. You can check the example of your 3rd slide. I hide the image element for tab from column options and it looks perfect.

In mobile the slider links not working because you hide the image element which contains the link and you just have a background image which you set from slide options. And that is just a background image and did not contain links.

Best Regards.

So if must have the link, i cannot use featured image

Please have a look at the test you created, and my slide 3
It has the exact settings, but the image won’t show on slide 3 on mobile?

Hello,

Yes, if you must want link on the slider image then you just have to use the image element and does not upload the image for tablet and mobile separately and also do not use featured image as well.

Yes the slide 3 image does not shown in mobile because I hide it from column settings just to set an example for you.

Screenshot for clarification: https://jmp.sh/mKPkLYM

Now it shown in mobile version because I unchecked that option from column settings.

Best Regards.

[Author]

Posts