emulation with enfold

Hey Yigit,

this seems to work pretty good.. but I am not having great consistency with mobile.. the images scroll using >> grid rows >> cells > with fixed background images.. looks great on desktop but when the images scroll instead of being fixed on mobile it can be meh..

check out the gshock site on mobile http://www.gshock.com/gsteel vs desktop what I am not seeing is this working on enfold on mobile versions..

and compare to a couple of sites I am getting fun with grid rows on.
http://briannaimerphotography.ca/ + http://pruuph.ca/

I also see no images at all on iphones at all.. maybe it’s on os update on the phones I have tested with?

Please advise good sir.. is this a bug that needs to get worked out in the future?

:)

ENB..//

• This reply was modified 8 years, 9 months ago by ENBertussi. Reason: forgot detail

Hi Ismael,

1)
this all started with one of our clients (they are all on enfold) showing me http://www.gshock.com/gsteel where it works perfect on mobile.

2)
a- the models that seems to have issues are iphone 4s and iphone 6s attached are two screen shots from a 6S

b- it seems to be working on android devices, albeit somewhat buggy as the video in your second link discusses..

=== sooo, I am hoping that maybe we can use the ‘fixed’ for desktop versions of the website, where it makes it look super duper sexy, but allow to scroll on mobile?

what do you think? is this something we can do with a tiny bit of css in the quick css editor?

I believe the long term solution would be for the add another control set to the “Mobile Behaviour” on the “Grid Row” settings, that allows us to set the background image to fixed on desktop and scroll on mobile so it does not break the mobile experience but allows us to have this super sexy way of setting pages up for desktop purposes.

thanks as always for your super awesome help and support :)

cheers.

• This reply was modified 8 years, 9 months ago by ENBertussi. Reason: image issue

Hey Andy, et al,

I figured out what the IOS device issue is. When ios loads the screen it views the entire page size load resolution not the screen resolution in pixels….

so when you set a “Grid Row” “Custom Background Image” to “Fixed” it takes the calculation of the entire pages resoltion. so I set the settings to.

Fixed, Top right, tile vertically…

and that at least gave me a background image with some breaks at worst on ios devices..

What needs to happen to keep experience and design control consistent is that the background image needs to respond to the screen resolution not the page size when the page loads..

So a bit of a hack.. and this is not a problem with other devices just IOS.. but maybe Kriesi can consider fixing on updates in the future..

Check http://pruuph.ca/full-service-toronto-creative-marketing-agency/toronto-branding-logos-naming-and-identity/ on android, desktop and IOS to see what I mean..

cheers :)

• This reply was modified 8 years, 8 months ago by ENBertussi.

Hey Basislis, Andy, et al,

I have noticed some other issues with the Grid Row Back grounds not behaving like colour box backgrounds..

It seems they do not respond to screen resolution of large screens either..

see attached.

Is there some quick css I can add to fix the lack of responsiveness on gridrow backgrands with large screens..

I love the GridRow but we need to find out when/if this screen resolution issue will be settled and fixed, because it is not working reliably on mobile device responsiveness and resolution detection or on large screens either…

it basically only works reliably on HD aka 1920 x 1080.

thanks for any help you can give me

ENB..//

Ismael,

this is working, I’m dumbfounded.. is this a feature/setting that was always there?

I feel like a fool for missing this it seems to be working quite well and will give the desired result…

sorry for missing this.

ENB..//