Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #177190

    Hi Fellas,

    Hope you are all great.

    Question: I had an issue with the icon list and accompanying text – when shown on an iPad / iPhone the text and icons get chopped. Ismael kindly gave me this fix to go in custom CSS: http://www.kriesi.at/support/topic/icon-list-issue-on-ipad/#post-27653 (see below):

    @media only screen and (min-width: 786px) and (max-width: 1000px) {
    .avia-icon-list .iconlist_icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
    margin-right: 15px;
    }
    }

    I checked my site on an iPad today and the problems are still the same, cut off text and icon – is there any way for this to resize?.

    Thanks guys

    Gary

    #177194
    #177463

    Hey!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (min-width: 786px) { .avia-icon-list .iconlist_content_wrap { margin-right: -10px!important; }}

    Best regards,
    Yigit

    • This reply was modified 1 year, 1 month ago by  Yigit.
    #177464

    Thanks Yigit,

    Should I replace tis code with your suggestion:

    @media only screen and (min-width: 786px) and (max-width: 1000px) {
    .avia-icon-list .iconlist_icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
    margin-right: 15px;
    }
    }

    Gary

    #177468

    Hey!

    No, keep it and place the code i posted below it :)

    Best regards,
    Yigit

    #177471

    Thanks Yigit,

    Much appreciated.

    Gary : )

    #177547

    Hi Yigit,

    I tested the site on an iPad and iPad mini and I still have the same error – the text gets cut off due to the narrow margin / column size. Perhaps the issue is because the text stays the same point size regardless of the device – is there any way around this – aside form using different elements?.

    Best regards, Thankyou

    Gary

    #177845

    Hi!

    I updated the code in this post http://www.kriesi.at/support/topic/icon-list-error-on-ipad/#post-177463
    Please try this one

    Regards,
    Yigit

    #177951

    Hi Yigit,

    Thankyou for the code, I tried to implement the code in the Enfold Custom CSS as follows:

    @media only screen and (min-width: 786px) and (max-width: 1000px) {
    .avia-icon-list .iconlist_icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 25px;
    margin-right: 15px;
    }
    }

    @media only screen and (min-width: 786px) and (max-width: 1000px) { .avia-icon-list .iconlist_content_wrap { margin-right: -10px!important; }}

    There still seems to be a problem with the text staying the same size and icons cut in half due to smaller column size on iPad / iPhone. Can you check http://www.naturaloutlook.com on your mobile device…I tried it on a new iPad mini….

    Can you see any errors with the code?

    Thankyou

    Gary

    #178082

    Hey!

    You should remove following part as i did in my updated code :)

    and (max-width: 1000px)

    Best regards,
    Yigit

    #178163

    Thankyou Yigit,

    I have made the changes, I had to add </br> to give some separation between the icon and the text – something has changed though – I will have to go to a local electronics store to see the changes on an iPad as I don;t have one, but thankyou for your help, I appreciate it.

    Best wishes,

    Gary

    #178444

    Hey!

    You are welcome Gary. I do not have one either. I am not closing the thread, so please let us know after you check it.

    Regards,
    Yigit

    #179178

    Hi Yigit,

    Sorry to trouble you again, I still have problems with the icons on iPad – iPhone and text being cut off – I removed the code from above as it placed the txt that was to originally to the right of the icons, below it, however there were alignment issues, then the icons in each column would randomly twitch / move (maybe a different update and it looked like a line of pixels were missing, very strange.

    If anyone else brings this up, or you guys can think of a different work around solution, please let me know.

    Here was Ismael’s original thread: http://www.kriesi.at/support/topic/icon-list-issue-on-ipad/#post-134838

    Thankyou for your help, you guys are the best!.

    Gary

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Icon List Error on iPad’ is closed to new replies.