So on some browsers the icons do not show up at all, see screen shot, that is in opera. On my phone, which I could not take a screen shot of, the icons are splitting, so you see half above the other half, this undoubtedly causes issues with the format on the phone. I also checked the site on https://ready.mobi and the mobile versions are all out of whack. I thought the theme was mobile ready?
As far as the icons I'm using the quickfinders to produce the content and used pre built elements of yours to place them on the site. I have no idea why the icons are acting this way, please help to fix this as I'm sure you know right where to go.
So on some browsers the icons do not show up at all, see screen shot, that is in opera. On my phone, which I could not take a screen shot of, the icons are splitting, so you see half above the other half, this undoubtedly causes issues with the format on the phone. I also checked the site on https://ready.mobi and the mobile versions are all out of whack. I thought the theme was mobile ready?
As far as the icons I'm using the quickfinders to produce the content and used pre built elements of yours to place them on the site. I have no idea why the icons are acting this way, please help to fix this as I'm sure you know right where to go.
I got a screen of the phone, this is what the icons look like on mobile.
HI!
Sorry, I don’t see any problems in desktop browsers. Perhaps you use a custom scale or font size on your mobile device? In this case, use this code.
@media(max-width:767px){ .gem-icon .gem-icon-half-1 { margin-left: -51% !important; }}Ok I think that did the trick, thanks. I will notify you if anything else comes up.
You're welcome!
Have a nice day!