Docs

[bakisgazetesi]

Hey there,
I couldn’t get the mobile site images to slide down like in desktop version.
Please advise me

[bakisgazetesi]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you are using a single background image. Would you clarify what you are referring as “slide down”?

A screenshot would be appreciated.

Cheers!

[bakisgazetesi]

I mean in the desktop mode. There is “texts sliding on picture” effect.
My client wanted sth like that and I found your theme doing it.
But at mobile version responsiveness doesn’t work automatically or I wasn’t able to do it properly.
Any way I tried to fix font size etc with css but texts slide on images effect I couldn’t manage to fix it.

You know in ethos 2 (http://demo.theme.co/ethos-2/) model images stay as if in one layer and and the text or headr box on them sliding as on another layer. That effect disappears in mobile phone or tablet size.
Responsive features I can’t see there.

Please advise me how to get that effect on mobile platforms.

[Rue Nel]

Hello There,

Thank you for the clarifications! That effect is the parallax effect which is only available in desktop screens. This effect were automatically gets disabled in mobile screens. To fully understand as why it has been disabled, please check out the following articles:
http://www.javascriptkit.com/dhtmltutors/parallaxscrolling/page2.shtml

Hope this explains briefly.

[bakisgazetesi]

Ok it says with android devices works fine and even ios devices parallax effect can be optimized.
If I want to open parallax on mobile platform at least for android platform , which file I am gono touch
can you please advice me.

tnx

[Nabeel A]

Hi again,

Try add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.touchevents .x-content-band.bg-image.parallax, .touchevents .x-content-band.bg-pattern.parallax {
    background-attachment: fixed !important;
}

Let us know how this goes!

[bakisgazetesi]

Nope It didn’t worked.
Can you specify which file parallax effect is being banned in mobile.
I want to change it from that file.
regards

[Nabeel A]

Hi again,

All types of parallax don’t work in mobile devices. I tried checking your site but the URL you provided above doesn’t work. Can you please double check the URL if it’s correct? In the mean time try replacing the previous code with this:

.x-content-band.bg-image.parallax, .x-content-band.bg-pattern.parallax {
    background-attachment: fixed !important;
}

Let us know how this goes!

[bakisgazetesi]

This reply has been marked as private.

[Paul R]

Hi,

Login doesn’t work, kindly check again and let us know.

Thanks

[bakisgazetesi]

This reply has been marked as private.

[Rad]

Hi there,

Parallax effect on background images is intentionally disabled on mobile or any touch devices due to performance issue. CSS may help a little, but the easing effect is done by javascript which is disabled.

It’s within \wp-content\plugins\cornerstone\assets\dist\js\site\cs-body.min.js

Find this line

n.hasClass("parallax")&&(csModernizr.touchevents

And replace it with this

n.hasClass("parallax")&&(!n.hasClass("parallax")

If not working, try this

n.hasClass("parallax")&&(false

Thanks.

[bakisgazetesi]

Ok thnx . It didn’t work either. Anyway
In some other support titles I’d read those performance issues pertained to parallax.
So I’ve given up to chase after parallax feature at mobile side.

thnx.

[Rad]

You’re welcome!

[Author]

Posts