[KatieK21532]

This theme works great for me and more than meets my needs but some have complained that the effect of switching from the header image to a shorter, solid background color for your header upon scroll down is annoying and distracting. Do you have any suggestions for additional CSS to remove this effect and maintain the header image upon scroll down? Thanks!

[Mahesh]

@katiek21532: Please post in your site url.

Regards,
Mahesh

[KatieK21532]

Here is the site that I am trying to continue to show the header image on scroll down: http://research.al.umces.edu/dnelson/

[KatieK21532]

Is it possible that this action of making the header shrink when you scroll down the page is being done through Javascript? If so, is there any way that I can change this in the theme files so that the header image remains present when the user scrolls down the page?

[Mahesh]

@katiek21532: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.fixed-header.header-background {
    background-image: url("http://research.al.umces.edu/dnelson/wp-content/uploads/sites/3/2017/02/header-dmn-sm.jpg");
}

The theme uses both javascript and css for the shrink, if you want to customize further, I recommend you to hire a customizer.

Regards,
Mahesh

[Author]

Posts