Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 12, 2013 at 6:45 pm #27653
    Gstar72

    Hi Gents,

    I have an icon list (services) on my home page: http://www.naturaloutlook.com I checked the site on the ipad and the text was cut off, and yet it works fine on iPhone and computer. The page set up is 1/4 I couldn;t check the version of the ipad software, it belonged to a friend.

    Any ideas?.

    Thankyou

    Gary

    August 13, 2013 at 2:25 am #134838
    Ismael

    Hey,

    The css issue seems to appear between 786px to 1000px screen widths. We can use Media Queries to fix that. Add this on your custom.css or Quick CSS:

    @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;
    
}
    
}

    Regards,

    Ismael

    August 13, 2013 at 5:01 pm #134839
    Gstar72

    Brilliant, you are a genius!, thanks Ismael.

    August 13, 2013 at 5:46 pm #134840
    Ismael

    Hey,

    Glad it worked. :”)

    Cheers,

    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘icon List Issue on iPad’ is closed to new replies.