ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• November 13, 2015 at 12:15 pm #228540
  solidsn2004

  Member

  Post count: 208

  Hi,

  I have changed the one page navigation default color but I am getting some weird flickering yellow color when scrolling in Safari browser.

  I used the following css code:

  div#one-page-nav{
  background: #18abd3;
  }

  Why is this happening? Is there a way to keep it this blue even when scrolling in Safari Browser?
  It works well in Chrome and Firefox.

  Thanks in advance.

  November 13, 2015 at 12:15 pm #228541
  solidsn2004

  Member

  Post count: 208

  This reply has been marked as private.
  November 13, 2015 at 12:38 pm #228552
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I am not able to replicate this issue. Can you please test with another machine?
  Thanks
  Mohammad

  November 13, 2015 at 12:49 pm #228557
  solidsn2004

  Member

  Post count: 208

  Hi Mohammad,

  I have 3 mac devices in my place and all 3 devices have the same issue in Safari browser.
  As I said it works fine in Chrome and Firefox.

  Are you using safari for PC or for Mac?

  November 13, 2015 at 12:54 pm #228559
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  I’m on Mac and I can see the flickering.
  Can you try it with all plugins deactivate, so we can discard any plugin conflict.

  Do you have the latest version of the theme 3.16 ?

  -Rui

  November 13, 2015 at 1:18 pm #228572
  solidsn2004

  Member

  Post count: 208

  Hi Rui,

  I have deactivated all plugins but the problem remains. The only plugins I was using were the ones of the theme plus one for password protection.

  My theme version is the latest which is 3.17 not 3.16.

  Any thoughts?

  November 13, 2015 at 2:23 pm #228610
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Not sure about it. Will have to forward this one to Ed.
  let’s wait for his reply.

  Thanks

  -Rui

  November 13, 2015 at 2:38 pm #228613
  solidsn2004

  Member

  Post count: 208

  Ok thanks.
  Will be waiting…

  November 13, 2015 at 3:31 pm #228631
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  No problem.
  Let’s wait.

  -Rui

  November 13, 2015 at 7:14 pm #228695
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi there,

  This css should sort it:

  #one-page-nav {
  -webkit-transform-style: preserve-3d;
  }

  – Ed

  November 13, 2015 at 10:15 pm #228739
  solidsn2004

  Member

  Post count: 208

  Thanks for your reply Ed,

  Unfortunately it didn’t work. As you can see it’s still flickering…

  November 16, 2015 at 3:33 pm #229051
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  This should do it:

  #one-page-nav ul li {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  }

  Thanks,
  David.

  November 16, 2015 at 3:54 pm #229071
  solidsn2004

  Member

  Post count: 208

  Thanks a lot David!
  This worked great!

  November 16, 2015 at 3:56 pm #229072
  David Martin – Support

  Moderator

  Post count: 20834

  Great, no problem.
  -David.

• Back to forum

  Posted in: Dante