Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 19, 2014 at 6:17 am #293250
    databuzz

    I’ve added a Testimonials element to my home page with a 3 column display. All is fine except when viewed on the iPad in Portrait mode – the 3rd column is truncated and only shows half of the text (works fine in landscape mode though).

    Is there something I can do to get this to display correctly?

    July 21, 2014 at 1:11 pm #293826
    Yigit

    Hey databuzz!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) and (min-width: 768px) {
body div .avia-testimonial { display: inline-flex; }}

    Best regards,
    Yigit

    July 22, 2014 at 7:42 am #294213
    databuzz

    Hi,

    I made that change but it doesn’t change when viewed on the iPad.

    If I use a browser on my Mac and resize it to the same width as the iPad in portrait mode it does resize the columns, but it’s still truncated on the iPad itself.

    Any further changes I can make?

    July 22, 2014 at 2:41 pm #294356
    Yigit

    Hi!

    Have you tried flushing browser cache on your iPad? If not, please do so. I do not have a chance to check your website on an actual iPad but on simulator it does seem to work fine

    Cheers!
    Yigit

    July 22, 2014 at 2:47 pm #294358
    Guenni007

    yes – thats the thing i forget everytime when i check the changes of my website on my ipad.
    Definitly that is the reason. This is not in the safari options – it is in ipad options / safari

    July 22, 2014 at 4:47 pm #294438
    databuzz

    Hi,

    I’ve tried on both Safari and Google Chrome on my iPad. I’ve reset all growing data – I’ve made some other changes to the page which are appearing so it’s definitely getting the most recent version of the page.

    Seems to only happen on an actual iPad device.

    thanks

    July 23, 2014 at 5:44 am #294769
    Ismael

    Hey!

    Thank you for the update.

    Try adding this on Quick CSS or custom.css:

    body div .avia-testimonial {
display: inline-block;
float: left;
}

    Remove the iPad’s browser cache before testing.

    Cheers!
    Ismael

    July 23, 2014 at 7:20 am #294793
    databuzz

    Thanks – that one works on the iPad now.

    Much appreciated.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Testimonials – 3 Columns – Getting Truncated on iPad Portrait’ is closed to new replies.