Hiding images in articles on mobile devices

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Dec 23, 2013 8:08 pm
Reply with quote
Report this post
Is there a way to hide an image which is in an article when the article is viewed on a mobile device but not on a desktop / laptop? I've seen it done with a CSS selector on other templates- is there one in this template?
User avatar
Fresh Boarder

GK User
Tue Dec 24, 2013 10:39 pm
Reply with quote
Report this post
Hi.
yes it's possible.
Probably you want to hide all images not only selected.

Add this CSS code (at the bottom):
Code: Select all
.img-fulltext-none img, .img-fulltext-left img, .img-fulltext-right img { display: none; }

into
templates\gk_cloudhost\css\mobile.css
and
templates\gk_cloudhost\css\small.tablet.css
if you want.

p.s.
You can try also display: none !important; - if first code will won't work.
User avatar
Platinum Boarder


cron