-
AuthorPosts
-
December 5, 2016 at 6:06 pm #720575
We are working on a website using the Enfold App Demo.
One thing we have noticed is the way the left image is displayed in inconsistent way depending on what tablet device you use, mostly in horizontal view.
On my Android tablet I can see multiply small images. While on an iPad only one big image is displayed, the transitions does not look good.Since this also occurs on your demo its something thats need to be updated.
A quick fix for us would be to force tablet to display the entire site in mobile instead. What CSS-code do I need to enter to force tablet to display the mobile view?December 7, 2016 at 5:39 pm #721604Any suggestions?
How can I force tablet to display the mobile view?December 8, 2016 at 5:59 am #721799Hi,
Thank you for using Enfold.
Could you please provide a screenshot of the issue? Are you referring to the background of the cells inside the grid row element?
Best regards,
IsmaelDecember 8, 2016 at 6:52 pm #722118I have provided screenshots below and URL to our website.
The problem is mostly visible on IMG_0003.PNG
On my Android tablet the left section of the page has a small image for every section/transition
However, on iPad, instead of 4 small images it has 1 big image. On desktop this big image changes for every section as you scroll down the page.
On iPad this image is stuck and only shows up at section 3 of the page as you scroll down. The image is displayed as it would be stuck in the middle of a transition.
We have tried your demo http://kriesi.at/themes/enfold-app/
And the problem is exactly the same, so its nothing wrong with our setup.December 12, 2016 at 8:05 pm #723333Hi,
I’ve checked your site in an ipad and it’s good on my end and I can confirm there’s only 1 big image at the left (same as the mobile device image in the app demo), but it isn’t stucked on section 3. I noticed from the screenshots you gave 1,2 & 4 doesn’t show any image, while 3 shows the image in section 2 & 3, does it show when it’s halfway in section 3?
Can you try to give us a screenshot on the 4 small images when you are in the tablet? is it the same for the app demo on your tablet as well (the 4 small images)? if it’s not the same, we would like to request for a temporary admin access, so we can inspect further.
Best regards,
NikkoDecember 13, 2016 at 5:45 pm #723877On iPad the problem is that the image is stuck in a transition between switching to another picture. If you look at image 3, 25% of the image is the red product image, while the remaining 75% is the grey product image. This does not change as you scroll down as it does on desktop.
On my android tablet instead of 1 big image there is 4 small images. And they all appear as they should with different product images.
EDIT: And yes, on my Android tablet our site looks identical to your Enfold App Demo with 4 small images.
The problem seems to be related with iPad.December 14, 2016 at 5:40 pm #724397Is it possible to turn off tablet-mode completely? Either have tablet switching to Mobile or Desktop view.
December 19, 2016 at 6:55 am #725958Hey!
Please add this in the Quick CSS field.
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { margin: 0; margin-bottom: 20px; width: 100%; } .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet { display: none !important; } }
Best regards,
Ismael -
AuthorPosts
- You must be logged in to reply to this topic.