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.
-
AuthorPosts
-
June 15, 2015 at 6:15 am #156237
alysiamac
MemberHi,
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 #157050Christoph
MemberHi,
you can do this with jQuery.
June 22, 2015 at 3:00 am #157121alysiamac
MemberThanks 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 Dalton
ParticipantWould 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 #157254Christoph
MemberJune 22, 2015 at 10:16 pm #157255Erik D. Slater
MemberJune 23, 2015 at 12:27 am #157262alysiamac
Member"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 #157266alysiamac
MemberArgh! 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 #157273Erik D. Slater
MemberCan 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 π
Erik D. Slater: Digital Platform Consultant β’ LinkedInJune 23, 2015 at 6:38 am #157276alysiamac
MemberHere you go http://www.wearethefue.com
Thanks guys!June 23, 2015 at 7:02 am #157277Erik D. Slater
MemberWell ... the good news is that you haven't actually uploaded the JS file proposed by Christoph to your server yet π
Erik D. Slater: Digital Platform Consultant β’ LinkedInJune 23, 2015 at 7:11 am #157278alysiamac
MemberMmm, 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 #157279Erik D. Slater
MemberYes ... 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
Erik D. Slater: Digital Platform Consultant β’ LinkedInJune 23, 2015 at 8:07 am #157283alysiamac
MemberWhat 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 #157284alysiamac
Member...I should say, it of course works perfectly now - thank you.
June 23, 2015 at 8:12 am #157285Erik D. Slater
MemberI 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 π
Erik D. Slater: Digital Platform Consultant β’ LinkedInJune 23, 2015 at 8:37 am #157286Christoph
MemberYou 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 #157295alysiamac
MemberThanks again guys!
June 23, 2015 at 10:27 am #157299Tom
ParticipantIΒ΄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 #157301Christoph
Memberpsst.... don't tell.... π
-
AuthorPosts
- The topic ‘How to make site title appear only after scroll starts’ is closed to new replies.