Disable Parallax on Shop category image header

[ctingom]

How can I disable the parallax effect on the shop header image?

[Rui Guerreiro – SUPPORT]

Hi,

Changing the Header type from Fancy to standard.
https://www.dropbox.com/s/zrta2g9ryfk3ka7/Screenshot%202015-08-07%2008.13.12.png?dl=0

Give it a try.

-Rui

[ctingom]

I’m wanting to keep the background photo on the category header. When I change to ‘Standard’ it basically removes the photo for the header.

My link: http://presscoffee.tornadodesign.com/shop/

So, the big header that has ‘Shop’ on this page. I would like to remove the parallax effect that happens when I scroll.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.page-heading.fancy-heading.animated, .fancy-heading.animated .heading-text {
  transform: none !important;
}

– Kyle

[ctingom]

Thanks, that worked great!

[Kyle – SUPPORT]

No problem 🙂

[ctingom]

Follow up question: I implemented your code to remove the parallax effect. But, for some reason it works in Chrome but not Safari.

See here: http://presscoffee.tornadodesign.com/shop/

In Safari, when you scroll, the “SHOP” header moves. But, I like the way it does not do that on Chrome.

Thanks,
Chris

[Kyle – SUPPORT]

Sorry it should be:

.page-heading.fancy-heading.animated, .fancy-heading.animated .heading-text {
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
}

[ctingom]

Thanks, that resolved the issue!

[Rui Guerreiro – SUPPORT]

Great. Thanks Kyle
-Rui