Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to make site title appear only after scroll starts
Tagged: header, infinite scroll, parallax-pro, site title
- This topic has 21 replies, 5 voices, and was last updated 7 years, 11 months ago by Christoph.
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 #157050
you can do this with jQuery.
June 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 #157255
Nice n simple 🙂
June 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 #157273
Can you post a link to your site/page ... so that we - or Herr Herr (sorry - couldn't resist) - can see what you've done?
It may be as simple as not having cleared down cache 🙂
June 23, 2015 at 6:38 am #157276
Here you go http://www.wearethefue.com
Thanks guys!June 23, 2015 at 7:02 am #157277
Well ... the good news is that you haven't actually uploaded the JS file proposed by Christoph to your server yet 🙂
June 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 #157286
You two are too funny!
I´m just happy I didn't have the typo in the tutorial 😉
Could you please mark this topic as resolved, so it can be closed?
June 23, 2015 at 8:56 am #157295
Thanks again guys!June 23, 2015 at 10:27 am #157299TomParticipant
I´m just happy I didn’t have the typo in the tutorial 😉
Yes. That would have been a shame. 🙂
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]June 23, 2015 at 10:36 am #157301
psst.... don't tell.... 😉
- The topic ‘How to make site title appear only after scroll starts’ is closed to new replies.