Stylesheet loading causing 'flashing' issues on load

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author cubecolour

    (@numeeja)

    10 years, 4 months ago

    It looks like this flash is due to the delay in the stylesheet being loaded. I have not been able to reproduce this on a test site with the pinboard theme, so it may be due to the response or configuration of the server your site is hosted on. It looks like the static css files are being reloaded where they should be cached in the browser.

    You do have an amount of CSS and js inline in your page, if the tabby styles are brought inline also (eg using a custom css plugin) that might prevent the delay in loading.

    Thread Starter peggyst

    (@peggyst)

    10 years, 4 months ago

    Or maybe I need to move that inline CSS out, which is probably the appropriate thing to do.

    Thanks!

    beckyjane87

    (@beckyjane87)

    10 years, 1 month ago

    I have this flashing issue as well! I tried adding the following CSS to my theme’s stylesheet but it didn’t seem to get applied to the page in time to prevent the flashing.

    h2.responsive-tabs__heading {
opacity: 0;
}

@media (max-width: 767px) {
h2.responsive-tabs__heading {
opacity: 1;
}
}

    Any tips you can provide would be great!

    Thread Starter peggyst

    (@peggyst)

    10 years, 1 month ago

    Hey Beckyjane87,

    I did not have much luck with this myself. I tried to make sure that my page did not have much/any inline formatting – but it still does flash the full page and then after a moment, goes to tabs.

    Sorry that I am not much help!

    Peggy

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

The topic ‘Stylesheet loading causing 'flashing' issues on load’ is closed to new replies.