Icon List Error on iPad

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

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

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

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: https://kriesi.at/support/topic/icon-list-issue-on-ipad/#post-134838

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

Gary