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
• February 9, 2015 at 9:23 am #148275
  derestricted

  Member

  Post count: 76

  Hi, I have set my header to be black, but the trouble is when you scroll to the top of the page, or when the page loads, it flashes white for a second. How can i stop this?

  This is the code I have used:
  #header-6 .is-sticky .sticky-header {
  background: #000!important;
  }
  .sticky-header-resized {
  background: #000!important;
  }
  .header-6 #main-nav {
  background: #000!important;
  }
  #header-section .is-sticky sticky-header {
  background: #000!important;
  }
  #header-section.header-6 .is-sticky #header.sticky-header {
  background: #000!important;
  }

  nav .menu > li.menu-item > a, #menubar-controls a, nav.search-nav .menu>li>a {
  color: #FFFFFF;
  }

  February 9, 2015 at 10:02 am #148290
  derestricted

  Member

  Post count: 76

  Here is the link to see what I mean: http://derestricted.com/

  February 9, 2015 at 11:03 am #148317
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please remove all custom css code and check.
  Thanks
  Mohammad

  February 9, 2015 at 11:50 am #148344
  derestricted

  Member

  Post count: 76

  The custom code makes it black man, without any custom code it looks like it does in default. I want it to look as it does now, i just dont want it to flash white when you scroll.
  Please help me solve this. thanks.

  February 9, 2015 at 12:15 pm #148357
  derestricted

  Member

  Post count: 76

  The class changes from ‘sticky-wrapper is-sticky’ to ‘sticky-wrapper’ when you hit the top of the page scrolling, so do i not just need to add something like

  .sticky-wrapper {
  background: #000!important;
  }

  This doesn’t work but i’m sure it must be something similar.

  February 9, 2015 at 12:17 pm #148358
  derestricted

  Member

  Post count: 76

  never mind, I fixed it myself. thanks anyway.

  February 9, 2015 at 12:24 pm #148362
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  I am glad that you managed to resolve the issue.
  Thanks
  Mohammad

  February 21, 2015 at 8:52 am #152123
  derestricted

  Member

  Post count: 76

  Hi, I see now the only thing not changed is the header now on mobile devices which is still white. Do you know what css I need to add to make it black too? I cant inspect the element and see the source code like usual on my iPhone so am unsure what to change.
  thanks

  February 24, 2015 at 10:56 am #152675
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  For me it’s black on mobile

  – Kyle

• Back to forum

  Posted in: Dante