Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 15, 2016 at 6:35 pm #598538
    juan4287

    hello,

    my website http://www.idico-luff.co is not displaying correctly on mini ipad. it looks all crunched together and i am unable to read from the website.

    is there any suggestion? do not know if it displays well on ipad. it does look perfect on my iphone though.

    thanks!

    March 15, 2016 at 8:35 pm #598587
    Basilis

    Hey juan4287!

    It looks perfect on an iPad, I can confirm that… I will add a note for the mini iPad testin, thanks a lot for reporting to us.

    Regards,
    Basilis

    March 15, 2016 at 8:47 pm #598597
    juan4287

    Thanks Basilis. so is there something i can do for the mini ipad to look properly? do i need to write something in the enfold template?

    Again thank you.

    March 15, 2016 at 8:48 pm #598598
    juan4287

    by the way. this enfold template is simp
    ly amazing.

    March 17, 2016 at 4:28 am #599400
    Rikard

    Hi,

    I’m not sure I understand what you want to edit on your page, could you post a screenshot highlighting the issue please? You can upload to a service like imgur.com and then link to it here.

    Thanks,
    Rikard

    March 24, 2016 at 4:20 am #602873
    juan4287

    hello Rikard,

    the issue is that it seems like none of the websites using enfold are displaying correctly on miniipad. they dont display correctly and the content does not fit.

    for idico-luff.co see the following screenshots from mini ipad:

    http://postimg.org/image/c94g5vo2n/
    http://postimg.org/image/h6i0qzq1r/

    for hubwebsites.co see the following screenshots from mini ipad:

    http://postimg.org/image/3uy09a1sv/

    they both look perfect on desktop and iphone 5c.

    please your help.

    Thanks.

    March 27, 2016 at 3:41 am #603862
    Vinay

    Hey!

    Please add the below code in Enfold > General Styling > Quick CSS

    @media only screen and (max-width: 800px) {
.iconbox_content {
  width: 100%!important;
}
}

    Best regards,
    Vinay

    April 5, 2016 at 3:15 am #607999
    juan4287

    perfect!!! this is the solution!! thanks! can you expalin the code a little bit? i want to understand!.

    Thanks!!

    April 5, 2016 at 7:18 am #608087
    Vinay

    Hey!

    Glad we could help! The code uses media queries which help you target only selected screen width and in the selected screen width of tablets the code makes the icon box container width 100%.

    Regards,
    Vinay

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