-
Posts
-
Hello support team,
My slider on the home page is configured in responsive with size 1280 x 630 px.
On smartphone and tablet it’s perfect, tht’s what i want.
But on a computer, the height of the slider does not automatically adapt to the screen as in “full size”.
That is to say that when you go to the site, the loader indicates that the page loads but when the page is loaded, there is like a “jump” where you can see the page goes up and then the slider takes its place in the height.
In addition, as in “full size”, the height of the slider should automatically adapt to the screen.
What can i do to solve this height problem ?Thank you in advance for your answer.
Have a good dayHey Tiphaine36,
I checked your site and the slider fills the screen in all different sizes. Not sure if you figured this one out?
If you need further assistance please get back to us with a precise link where we cans ee the issue.
Best regards,
VinayHello Vinay,
Thank you for your reply.
Here is the link with detailed screenshots.
I would like my slider to work like your demo with “no jump”.
I tried different settings but it does not work as your demo.
I can not import the demo in question otherwise I lose all my settings.Thank you in advance for your answer.
Have a good dayHi,
Thank you for preparing the screenshot, I do not have a 23″ I checked your site on 21″ screen and it looks good. One thing I can suggest is to keep all the images same size or make sure all images are larger than the screen size.
You can copy the shortcode for the slider from the below link and paste it on a test page to check if that works fine for you.
https://pastebin.com/raw/sJ1hUsDK
Best regards,
VinayHello Vinay,
I contacted the Layer Slider team and resolved how the slider is displayed.
But there’s still a “jump”.
First there is a blank page, then colored icon bar goes up, then the slider takes it’s place and the colored icon bar goes down.
On windows 7 and 10, this happens on chrome and mozilla. This also happens quickly on internet explorer. I do not see this on demos (Enfold and LayerSlider).
This is the Layer Slider diagnostic : “It is related to your theme’s specificity. The following theme JS file to be more specific.”Can you tell me what I need to do to remove this jump ?
Best regards.
Hi,
Can u point us which theme JS file it is, as you most probably did not added that?
Best regards,
BasilisHello,
I don’t understand what you want.
In private, i added the js link that the layer slider team had detected.
This is the layer slider team answer.
Personnaly, i can’t make a diagnostic, i just want to solve this jump problem.
Theres’s no jump in your demos.
Can you check my site and tell me whant can i do ?
Best regards.Hi,
I don’t see any jump at all when viewing your website. Could you already fix it?
Best regards,
AndyHello,
I work on Windows OS 7 10 …(not Mac). I did’nt fixe anything, the jump is still here.
The jump happens on Chrome, Mozilla and IE in different desktop (Windows, i don’t know for Mac).
First there is a blank page, then colored icon bar goes up, then the slider takes it’s place and the colored icon bar goes down.
LayerSlider team diagnostic that the problem come from the Theme Enfold : a js file.I made screehots, follow the link in private.
I don’t see jump in your demos on Windows OS, can you help me to solve this problem ?
Best regards.
Hi,
I can see the “jump” and it’s quite normal because the script that calculates the slider height is a bit delayed. Please try to install a cache or minify plugin to increase the loading speed of the site. Or try this css code in the Quick CSS field.
.home #layer_slider_1 { min-height: 100vh !important; }Best regards,
Ismael
- You must be logged in to reply to this topic.