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
• March 28, 2014 at 7:10 pm #62270
  ppenrose1408

  Member

  Post count: 14

  Have a few videos embedded on Portfolio Page and when scrolling the Video Elements cover the Sticky Header.

  March 31, 2014 at 8:28 am #62609
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  If you can provide me with your link I will be able to give you some custom css to fix the issue 🙂

  – Kyle

  March 31, 2014 at 1:22 pm #62798
  ppenrose1408

  Member

  Post count: 14

  This reply has been marked as private.
  March 31, 2014 at 2:29 pm #62839
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  It’s not happening for me, which browser are you using?

  – Kyle

  March 31, 2014 at 2:32 pm #62842
  ppenrose1408

  Member

  Post count: 14

  Firefox 27.0.1…

  I just checked with Chrome and didn’t have the issue there either. Odd.

  March 31, 2014 at 2:42 pm #62850
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I don’t get the issue on firefox either, please try clearing your cache and check again 🙂

  – Kyle

  March 31, 2014 at 2:45 pm #62851
  ppenrose1408

  Member

  Post count: 14

  Still happening in Firefox. Not sure either. Not the end of the world, but would be nice to know if there is an easy fix.

  March 31, 2014 at 2:48 pm #62856
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  You could try:

  header {
    z-index: 9999;
  }

  But there’s a chance that it may cause other issues.

  – Kyle

  March 31, 2014 at 2:53 pm #62858
  ppenrose1408

  Member

  Post count: 14

  No dice. Still covers it in Firefox. Again not a huge deal but if someone has a fix let me know. Thanks as always for the great support you all provide. For an absolute novice I’ve been amazed at the site I’ve been able to create using the tools within your theme and the knowledge available on the forums etc.

  March 31, 2014 at 2:57 pm #62859
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok no problem, I’ll bear it in mind.

  Thanks for the kind words! 🙂

  – Kyle

  March 31, 2014 at 5:30 pm #62913
  manciaz

  Member

  Post count: 42

  Hi guys,
  I’ve just realized I had the same issue of ppenrose1408 (video covered by header using Firefox 27).
  I fixed adding

  #header-section .is-sticky #main-nav.sticky-header {
      backface-visibility: visible !important;
  }

  Z-index, that should have solved, doesn’t seem to work.
  Of course I don’t know why of both, I just try things.

  March 31, 2014 at 7:19 pm #62926
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Thanks! @manciaz

  March 31, 2014 at 7:44 pm #62933
  ppenrose1408

  Member

  Post count: 14

  Assume I was to put that in the custom CSS section which I did, but still have the same issue. Am I doing something incorrect? I see above your issue was the video being covered by header “(video covered by header using Firefox 27)” but I assume that was just typed backwards and you too were seeing the header covered by the video…

  March 31, 2014 at 10:18 pm #62955
  manciaz

  Member

  Post count: 42

  Yes ppenrose, it’s just an error of typing. I had header covered by video. I had your issue and solved in that way… I don’t know why z-index doesn’t work (as it should). You can check the correct class using Firebug, looking for that backface-visibility attribute on header. I changed backface-visibility from hidden (the dafault value I found) to “visible” (it worked for me and I stopped) but it’s just a lucky try, maybe a correct override is different. If you want link me your URL so that I can try.

  March 31, 2014 at 10:34 pm #62958
  manciaz

  Member

  Post count: 42

  Look at attached image, that’s what happens to my site in FF, before and after adding that code in custom CSS box

• Back to forum

  Posted in: Dante