Re: Footer showing when page reloads

I was trying to figure out what this blue bar is at the bottom of the hero seciton - when I paused reload in the chrome debugger I saw the image below. It shows the menu and the logo from the footer on screen. This shows for 1-3 seconds before the rest of the site loads.

Why is this? Can it be corrected?

Please advise.


Screenshot of Footer showing in hero section: https://postimg.cc/HjwPCf2h

Comments

  • Hi,
    As you said, this is a footer and it's normal behavior.
    To avoid that, you would have to use some kind of pre-loader or change the style of the footer.
    Theme Options.> Footer, right now, your style is "Fixed", change it to something else and It will be fixed.
    Thanks
  • edited March 2019
    "Normal behavior"??? Are you kidding me?? Show me another website ANYWHERE that loads with the footer showing like that.

    This website that I just developed with BeTheme the other month has a sliding under footer and the hero loads without showing the footer. It has a spinner in the slider rev, but I tried that with Onscale.com and the footer still shows.

    Example with working sliding under footer: https://tech-30.com/

    Why does it work on and it doesn't work on the other??
  • Your Slider Revolution slide does load very long, that's why the footer was overflowing.
    It's normal behavior, because the footer is always behind the content to achieve that "revealing" effect when you scroll down.

    Also, the problem can be related with the background color of the header.
    This example with working slider under footer does have black background(http://prntscr.com/my6e8g), and that issued page does not have any background(http://prntscr.com/my6emp).
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.