![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
February 18, 2016 at 1:48 am #585044
Hey awesome support people~!
One of my clients wants to do this http://gshock.com/gsteel …
I thought it was be easy enough to implement but then i found that it also works 50/50 split on a mobile device..
any suggestions to accomplish this? since I am pretty much 100% sure I can easily copy this implementation with enfold for desktop and tablet resolution browser experiences.
cheers.
February 18, 2016 at 2:07 am #585051Hey Erich!
You can replicate such layout using Grid Row elements and you can simply edit them to show them mobile as they are on desktop – http://i.imgur.com/pEPO67x.png :)
Best regards,
YigitFebruary 29, 2016 at 1:15 am #590520Hey 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, 6 months ago by
ENBertussi. Reason: forgot detail
March 3, 2016 at 9:20 am #592499Hi!
1.) Note that the fixed position and background-attachment properties are not supported on most mobile browsers.
http://caniuse.com/#search=fixed
http://bradfrost.com/blog/mobile/fixed-position/2.) Could you please provide a screenshot of the “image” issue? What is the iphone model?
Cheers!
IsmaelMarch 3, 2016 at 11:07 pm #592997Hi 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 6Sb- 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, 6 months ago by
ENBertussi. Reason: image issue
March 8, 2016 at 9:22 pm #595166Hi!
it would require a huge amount of time and customization of the theme and that is why you would need to hire a freelance developer for this job.
Feel free to make a feature request for Kriesi here: https://kriesi.at/support/enfold-feature-requests/
Regards,
AndyApril 9, 2016 at 6:49 pm #610641Hey 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, 5 months ago by
ENBertussi.
April 9, 2016 at 7:33 pm #610652Hey!
I will report it to our git, so if it is considered for update, we can give it a look.
Thanks a lot for your patience and understandingCheers!
BasilisMay 4, 2016 at 6:51 pm #627435Hey 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..//
May 8, 2016 at 5:16 am #628777Hi,
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..
This sounds like a feature request, not a bug fix. I don’t see any issue with the image background handling on most standard screen resolutions and from the look of the screenshots above, they are zoomed out which is a bit different if you compare it with a standard screen resolution and a default 100% zoom value. Did you actually test it on a monitor with higher resolution, say 2560×1440? The background should adapt to this resolution if you set the “Background Repeat” to “Stretch to Fit” because the background size property is set to “cover” (http://www.w3schools.com/cssref/css3_pr_background-size.asp). Right now it is set to tile vertically, that’s why you see these large spaces beside the background image.
Best regards,
IsmaelMay 8, 2016 at 7:05 am #628816Ismael,
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..//
May 10, 2016 at 8:19 am #629704 -
This reply was modified 8 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.