June 15, 2015 at 6:15 am #156237
I'm using Parallax Pro, but I guess the same question would apply for any infinite scrolling theme.
I want to keep the sticky header as it is, but would like to hide the site title when you land at the top of the homepage, but have it appear as soon as the user starts to scroll down. Likewise I'd like it to disappear again when you get back to the top of the homepage.
Does anyone know how i do this??
Thanks.June 21, 2015 at 4:04 pm #157050June 22, 2015 at 3:00 am #157121
Thanks for your reply Christoph,
Do you know what I have to do with jQuery? I've only been able to find how-to's on creating the header for scroll sites, but nothing on dealing with just the site title. I'm a total jQuery novice!!
ThanksJune 22, 2015 at 3:42 am #157122Brad DaltonParticipant
Would use the same method for header images, simply change the class to your site titles in the jQuery functions options.
June 22, 2015 at 10:05 pm #157254June 22, 2015 at 10:16 pm #157255June 23, 2015 at 12:27 am #157262
"jQuery For Dummies" (like me)! Christoph, thank you so much for writing up the article - I love you right now!!June 23, 2015 at 2:51 am #157266
Argh! I don't know if I've missed something obvious, but I've tried it a few times now and can't get it to work. Is there any common trap I might have stumbled on?
I've gone through the steps (which are really clear and easy to follow - thank you) on a clean version of Parallax Pro (i.e. not hacked around by me!) and still nothing. Only plugins I've added are Contact Form 7 and Really Simple Captcha, both of which I've deactivated. Any ideas??
Thanks!June 23, 2015 at 5:11 am #157273June 23, 2015 at 6:38 am #157276June 23, 2015 at 7:02 am #157277June 23, 2015 at 7:11 am #157278
Mmm, I have (although I admit, after you mentioned it I did doubt myself!) - I've located it here: http://wearethefue.com/wp-content/themes/parallax-pro/js/hide-side-title.js - perhaps that's not the right place?June 23, 2015 at 7:34 am #157279
Yes ... well ... you have a little typo there, my friend. Let's see if you can spot it 🙂
http://www.wearethefue.com/wp-content/themes/parallax-pro/js/hide-site-title.js - what your site requests
http://www.wearethefue.com/wp-content/themes/parallax-pro/js/hide-side-title.js - what you uploaded
June 23, 2015 at 8:07 am #157283
What a stupid cow!! That is an example of what happens when I start doing things before I've had enough coffee in a morning.
Thank you so much for your help and "proofreading". I may have to delete the links in the above posts and dissociate myself from such a stupid rookie mistake!June 23, 2015 at 8:07 am #157284
...I should say, it of course works perfectly now - thank you.June 23, 2015 at 8:12 am #157285
I may have to delete the links in the above posts and dissociate myself from such a stupid rookie mistake
Nah. Happens all the time. How do you think I was able to spot it so quickly? 🙂
Thank you so much for your help ... I should say, it of course works perfectly now – thank you
It's all Christoph's doing 🙂
June 23, 2015 at 8:37 am #157286June 23, 2015 at 8:56 am #157295
Thanks again guys!June 23, 2015 at 10:27 am #157299TomParticipantJune 23, 2015 at 10:36 am #157301
- The topic ‘How to make site title appear only after scroll starts’ is closed to new replies.