Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 7, 2014 at 3:43 pm #261321
    Gstar72

    Hi Guys,

    Can you help me. Portfolio: http://www.naturaloutlook.com

    When I choose different navigation, the white background flashes grey (presumably footer colour?), especially on Safari. I had this code in my CSS, but it doesn’t seem to be doing the trick:

    .html {
    background-color: #ffffff;
    }

    Any ideas much appreciated?.

    Thank you

    Gary

    May 8, 2014 at 4:30 am #261580
    Ismael

    Hey Gstar72!

    Thank you for using the support forum!

    That is the html background color. Just add this on Quick CSS or custom.css:

    html {
background-color: #ffffff;
}

    Cheers!
    Ismael

    May 8, 2014 at 4:49 am #261585
    Gstar72

    Hey Ismael,

    I already have this code in the CSS but the site still flashes grey when navigating different pages, especially in Safari?.

    Regards

    Gary

    May 8, 2014 at 4:51 am #261587
    Gstar72

    The grey is the same hex colour as the socket with the © at the botom of the site. Wondered if that had something to do with it?.

    May 8, 2014 at 5:30 am #261605
    Ismael

    Hi!

    Thank you for the update.

    It is not flashing on my end now. Please remove browser cache then reload the page a few times. On google chrome click CTRL + F5 to fully refresh the page. Try this:

    html {
background: #ffffff !important;
background-color: #ffffff !important;
}

    Best regards,
    Ismael

    May 8, 2014 at 1:57 pm #261770
    Gstar72

    Hi Ismae,

    I deleted cache for Google, Safari and FF. FF works fine – no flash, but there is still a flash with Google and Safari, I can send screengrabs if you give me an address?, very odd?.

    Thank you

    Gary

    May 8, 2014 at 5:56 pm #261904
    Gstar72

    Hey Ismael,

    I posted in all my old CSS, inc some redundant code and it has fixed the issue, so something in there did the trick?.

    Thanks

    Gary

    May 8, 2014 at 7:42 pm #261957
    Gstar72

    Sorry for all the e-mails, I thought I had resolved the issue, but the website is still flashing grey in between navigation changes.

    Any ideas appreciated?.

    Gary

    May 9, 2014 at 3:36 am #262103
    Gstar72

    Sorry Ismael, I found this link:

    http://thesis-blogs.com/annoying-white-flash-during-page-transitions-in-google-chrome/

    Applied this code, but for #FFF

    body {
    -webkit-transform: translate3d(0, 0, 0);
    }

    Seems to help in all browsers except Safari, but I have an old version: Version 5.1.10 (6534.59.10)

    If you get any more ideas, let me know?.

    Gary

    May 9, 2014 at 1:40 pm #262343
    Yigit

    Hey Gary!

    I tried to reproduce the issue on Safari Version 7.0.3 but i could not. Please see screencast here – http://youtu.be/Ixpzw-lXQQo

    Cheers!
    Yigit

    May 9, 2014 at 1:59 pm #262353
    Gstar72

    Hi Yigit,

    Thanks for the video, what I am seeing is the grey pre page load that you can see on the video you kindly sent me at 0.09 , but I see this across the site.

    I am guessing that my Internet might be slower, so I am seeing the footer / socket grey colour load as a page, then the white background on top. I didn’t realise that the footer / socket section is coded as the whole page, and not just one section. Maybe there is no fix for this, it just looks a little messy from a professional pov, but like you mentioned faster Internet speeds may not pick it up?.

    Thanks Yigit

    Gary

    May 9, 2014 at 2:44 pm #262375
    Yigit

    Hey!

    Please try deactivating all active plugins and check if that helps. Deactivating all unnecessary plugins would help increasing page speed

    Regards,
    Yigit

    May 9, 2014 at 11:32 pm #262635
    Gstar72

    Hey Yigit,

    I tried the plugins, it did make the site faster, but there was still a grey blip.

    I removed this code from the CSS that was colouring social media in internal pages, which I removed, that seemed to help with Chrome and FF, I only get the blip on Safari now, but its an old version, so maybe won’t show in the update:

    #top .social_bookmarks_mail:hover a{color:#666666; background-color:#666666; }

    Thanks Yigit, have a great weekend.

    Gary

    May 10, 2014 at 2:58 pm #262774
    Gstar72

    It is interesting Yigit – the issue only happens on stretched layout, not boxed layout, so I have switched – curious….

    May 12, 2014 at 5:44 am #263133
    Ismael

    Hey!

    Thank you for the update.

    Safari Version 5.1.10 (6534.59.10) is a 7 year old piece of software. It’s even older than IE8 so, regretfully, the theme doesn’t support that browser.

    Best regards,
    Ismael

    May 13, 2014 at 12:33 am #263672
    Gstar72

    Hey Ismael,

    I agree, need to save and get a new laptop and OS.

    Thanks for your awesome support.

    Gary

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Background Colour Flash When Selecting Navigation’ is closed to new replies.