Remove parallax effect

  • Resolved newbyp

    (@newbyp)


    9 years, 10 months ago

    Hi everyone, I made a thread a few days ago using jumbled jargon to describe the parallax effect in the best way I knew how. Now that I know the right vocabulary helping me will be easier.

    The Hemingway theme includes a parallax effect for the image at the top of your site. I want to remove that effect and make the image shorter if possible. Of the two, removing the parallax effect is most important to me.

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    9 years, 9 months ago

    Hi newbyp,

    To remove the parallax effect, go to Appearance > Editor > js (folder) > global.js and remove the following code:

    // Cool header image scroll
$(window).scroll(function(e){
	if ($(window).width() > 800) {
		$('.header').css({
			'bottom' : -($(this).scrollTop()/3)+"px",
		});
		var thisdist = $(this).scrollTop();
		var headerheight = $(".header").outerHeight();
		$('.blog-info').css({
			'opacity' : (1 - thisdist/headerheight)
		});
	} else {
		$('.header').css({'bottom' : 'auto'});
		$('.blog-info').css({'opacity' : "1" });
	}
});

    Note that these changes will revert the next time Hemingway is updated. To make the changes permanent, you would have to use a child theme.

    For your second question, see this thread: http://wordpress.org/support/topic/how-to-edit-the-header-image-size?replies=3

    Best of luck!

    – Anders

Viewing 1 replies (of 1 total)
  • The topic ‘Remove parallax effect’ is closed to new replies.