We help IT Professionals succeed at work.

Need help with a stick header please

Amanda Watson
on
127 Views
Last Modified: 2017-05-28
Hi,
I have a site http://barefruit.com.au/dev/ that when you scroll to make it shrink and be sticky, there is a strange white bar in the trasition as you scroll down.
It only seems to happen on the homepage.
All other pages are ok?

To be clear.
Go to homepage, scroll slowly down page, and you will see the additional white background of the header?
As I said, if you do it on any other page, it doesn't show, just the homepage.

Can anyone help me fix this please?
Thanks,
Comment
Watch Question

Shaun VermaakSenior Consultant
CERTIFIED EXPERT
Awarded 2017
Distinguished Expert 2019

Commented:
Seems it is caused by the slider, will try and see what exactly causes it
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION
Amanda WatsonWeb Developer

Author

Commented:
Sorry Julian Hansen I cannot find that tag in the css at all??
Amanda WatsonWeb Developer

Author

Commented:
I appreciate the help and comments, but surely there is a fix here for the the homepage that doesn't include rewriting the entire homepage
Amanda WatsonWeb Developer

Author

Commented:
..... and this is all that the header contains...
<?php do_action('optimizer_before_header'); ?>

        <div class="header_wrap layer_wrapper">

            <?php get_template_part('template_parts/head','type1'); ?>

        </div>

    <?php do_action('optimizer_after_header'); ?>
Amanda WatsonWeb Developer

Author

Commented:
I even looked in the style sheet and under the section
screen and (min-width: 961px)
its completely empty...there is no style in there at all?

Where is his mysterious tag?
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
Something seems to have changed - I am not seeing the same behaviour any more.
Amanda WatsonWeb Developer

Author

Commented:
It seems to show only on some browsers.  However Julian, you were correct with your code to remove, however I couldn't find that code anywhere in the style sheet, or any style sheet within the theme????
A
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
It was there - pretty sure senility is still a few weeks away.

Anyway, is there still a problem with the site - if so just give me a refresher and I will take another look.
Amanda WatsonWeb Developer

Author

Commented:
It seemed to be browser related?
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.