-
Posts
-
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?Hi,
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,
IsmaelI 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.Hi,
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,
NikkoOn 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.Is it possible to turn off tablet-mode completely? Either have tablet switching to Mobile or Desktop view.
Hey!
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
- You must be logged in to reply to this topic.