Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 5, 2016 at 11:28 am #593700
    Petra_MUC

    Hey,

    Enfold is absolutely cutting edge – I love it – and I’m still using it for ambitious websites!
    But these days I had to notice that the responsive design acts trouble on iPad mini – especially tables, text in row of four or five and the ad-widget.

    Are there any satisfying solutions for that problem or should it be reffered to apple? ;-)

    Many thanks,

    Petra

    March 7, 2016 at 7:42 am #594111
    Rikard

    Hi Petra,

    Could you provide us with a link to the site in question so that we can take a closer look please? Also try to point out the problem areas a bit more specifically.

    Regards,
    Rikard

    March 7, 2016 at 11:55 am #594224
    Petra_MUC

    Hi Rikard,

    many thanks for your quick answer!
    You’ll find the link to this site in the following description field.
    There are only problems on iPad mini. The design works correctly with all other kind of devices (Samsung, IPad, iPhone) and browsers.

    The problem areas are:
    – Tiny tables only don’t adjust to the screen correctly, they are cut, or, in case of making them crollable, there is no opportunity to scroll them.
    – Pictures in the footer (also using the advertising area) are not displayed correctly, some are cut, some are not displayed at all.
    – Columns of normal text acts trouble, too (in row of four or five, not used on the following site). The text overlaps.
    – Headlines overlying images used as a background are not displayed centered although there is enough space.

    Unfortunately the customer noticed this problem fist. I’ve never checked the layout on an iPad mini. The check with Google webmaster tools was unremarkable, everthing is ok. I tried to calm the customer down with this result.

    Best regards,
    Petra

    March 10, 2016 at 5:56 pm #596426
    Andy

    Hi!

    that’s quite a lot of work to do. You need to use media queries: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    For iPad mini that would be:

    @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {

}

    Inside of the brackets you need to call the different elements. Inspect them by right clicking in Chrome browser and select “Prüfen”. With the inspector element you can target the elements in question. Feel free to hire a freelance developer for this job if you need to: kriesi.at/contact/customization

    Cheers!
    Andy

    July 24, 2017 at 1:47 am #828824
    washem

    i too have this issue with a client and an Ipad mini.

    Enfold simply fails on this device.

    This fact should be made up front when purchasing Enfold Theme.

    If it is known not to work then you should tell us or fix it, not tell us to pay someone to fix it. (It is a lot of work) so there is many millions of Ipad minis around!

    Please advise of when Kresi will correct this problem?

    July 27, 2017 at 8:13 am #830497
    Ismael

    Hi,

    The columns are not displaying properly on those devices because of the following css modifications.

    @media only screen and (max-width: 768px) {
.flex_column {
    width: 100%
    margin-left: 0 !important;
}
}

    Please remove it.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.