Header Image CSS help

“Anyone? Ferris?”

He took the day off today, so I’ll have to take over 😉

Are you saying you want to remove the entire header from being shown when scrolling down on the front-page-1 area only? The thing about the way it’s setup, is that if you change the location it affects all pages globally.

Take a look at the Epik theme demo and let me know if you’d prefer a header that functions like this – http://demo.appfinite.net/epik Note: the “Smooth” fade in only happens the first time you scroll down….after that it shows up regularly. Let me know if that’s what you’re trying to do.

Is it possible to create a temporary login? If so, then I can try a couple things to see if this is possible to do. FTP login would be best (if possible) so I can edit PHP and JS code (which is not recommended to do using the WordPress admin editor).

Just let me know

You can send it here, just make sure to click the “Set as private reply” check box and no one will be able to see it. Or the Contact Page as well.

If you comment out the overflow: hidden; on the Fadeup Effect it seems to work. This is located on line 2448 and looks like this –

/* Fadeup Effect
---------------------------------------------------------------------------------------------------- */

.js .fadeup-effect {
	opacity: 0;
	/* overflow: hidden; */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

It seems to only happen on the homepage, so adjusting that line of code should fix it. If you don’t have access to the line numbers then you can find it by searching “Fadeup Effect” in your style.css.

Thanks for the kind words! Much appreciated! Can’t wait to share your link 🙂

I checked some of the pages but it seems to be working on my end. Here is how it looks – http://i.imgur.com/eYUznWl.png

I also resized the browser to different sizes to see if it’s a responsive issue, but it still shows up the same.

Have you tried clearing your browser cache? Hit your Reload button on your browser and see if that works.

Yeah I’m using Chrome as well, I just tested in Firefox and Safari and it’s still working.

Here’s what I “think” it could be if your client experiences this every once in awhile. I noticed the site sometimes takes a while to load, which would have to do with the hosting/server. My guess is, when the site loads slowly, it takes a while for the javascript files to load which activates the dropdown effect. It’s not always slow, just every once in a while.

Another person had a similar issue here – https://twitter.com/appfinite/status/755792763464056832

Other than that I have no idea what else it could be.

You’re Welcome!