-
-
Hi,
On my home page I am using “slider revolution”. Below the slider there is text.
As a result, the top part of the screen displays the slider and the bottom part displays the text.From time to time when opening the site the slider is not immediately loaded and the text appears in the top part of the screen. After ~1 second the slider appears and the text goes down to the bottom part of the screen. It looks like the size that was supposed to be reserved for the slider is not reserved causing the text to jump from the top part of the screen to the bottom part of the screen.
This causes CLS issue on google console.
Is there any way to fix it?
Thank you.
-
Hi,
Please check it may not conflicting with other Plug-ins so better if you Switch On/Off one by one all plug-in to find the conflict with other plugins.Thanks,
-
-
Hi,
Please provide us with your website URL, wp-admin access, and FTP information (username and password)?
Kindly send this information using the “Set as private reply” option to ensure the security and privacy of your data.Thanks,
-
-
Hi,
Please share list of plug-ins and their version you have installed.
if you had done any customization, do share the code as well.Thanks,
-
-
Hi,
Are you using any kind of cache plug-in?
WP Retina 2x Version 5.6.1
LayerSlider WP Version 6.8.4
Disable both and let me know? -
-
-
-
-
-
-
-
-
-
-
-
-
-
Do you think that if I upgrade the theme to the latest version, this will solve the problem?
-
-
I think it is much better now. Please let me know the change(s) so I can redo it in the production site. Thanks.
-
Hi,
I added this Code in Custom Code Section:
#slider-fixed {
height: 400px; /* Adjust height as needed */
position: relative;
z-index: 999;
visibility: visible;
opacity: 1;
}
Thanks, -
Thanks. I see now that on the mobile there is a big gap between the slider and the text. Is there a way to force this change only on desktop and not on mobile?
-
-
Live is OK. I was looking at the staging site.
I will try to investigate it a bit more myself and try to resolve it. I will update you.
Thanks. -
I have added to the CSS of the page:
#slider-fixed {
height: 34vw;
position: relative;
z-index: 999;
}This seems to be working good for all display sizes. Thanks.
-
-
You must be logged in to reply to this topic.