Background Header Flickering

That’s my site:

I would like to keep my header and contact info header at the top of my website using a black background and divided by a white line.

If you check out my website you will see that i`m very close but i still need the white line dividing and if i scroll down its flickering.

can you guys help me?

Hello there,

Please try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box

      if( $('.header-contact').length ) {
  1. Update

Then add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .site-header {
      margin-top: 0 !important;
      padding-top: 0;

    .site-header .header-contact {
    	border-bottom: 1px solid #fff;

    .site-header .header-contact,
    .has-hero .site-header .header-contact {
      position: static;  
      margin-bottom: 20px;

    .site-header.float-header .header-contact {
      margin-bottom: 5px;

    .header-contact-info-text {
      display: inline-block;
      margin-right: 20px;


Just perfect. Thank you!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.