Home Forums WoodMart support forum Preloader Questions

Preloader Questions

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #328447

    aquadark
    Participant

    Hello,

    It seems to me, that the Preloader in its current form could use some tweaking. (Theme Settings > Performance > Preloader). I have two questions that you could hopefully answer.

    1. When the Preloader is working and its splash screen is being displayed, it is hiding the scrollbar (by overflow:hidden, I guess). This means, that once the preloader animation is gone, you can see the website quickly “shifting” to the left once the scrollbar appears on the right.
    How to disable overflow:hidden when the Preloader is working?

    This is easy to see/test if you open a page that is not long enough to produce a scrollbar, or zoom out the page so that the scrollbar disappears, and then check the Preloader animation again.

    2. In the Preloader settings, the option to add image is named “Animated image”. What do you mean by animated image? If this field is left blank, there is indeed an animated loading wheel being displayed as default (wd-preloader-img). How to add a custom Animated image here as the name of the field suggests, for example a SVG logo that is zooming in slightly, like on this website: https://www.bio-lux.eu/ (by the way, the preloader here is not using overflow:hidden)

    Thanks!

    #328460

    Hello,

    1) A preloader is used to make the customer wait until the website is loaded completely.

    That’s why the scrollbar is hidden.

    2) You can use animated gif images there to use as a custom preloader.

    Best Regards

    #328492

    aquadark
    Participant

    Well, thanks for nothing, I guess. For reference to others, I kinda solved that by adding this to custom CSS:

    html {
        width:100vw;
        overflow-x:hidden;
    }

    Content is no longer jumping between preloader animation and scrollbar hiding/showing.

    #328570

    Hello,

    We are Glad that you managed to solve the issue yourself.

    Let us know if there’s anything else we can do for you! You can always reach us at any time. We are always here to help you.

    Have a wonderful day.

    Topic Closed.
    Best Regards.

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Preloader Questions’ is closed to new replies.