J!Extensions Store™
Forum
Welcome, Guest
Please Login to access forum.
- Joomla! Extensions Store
Excluse intro images from Mobile (1 viewing) 
Go to bottom
<< Start < Prev 1 2 Next > End >>
TOPIC: Excluse intro images from Mobile
#4875
Andy Greig
Fresh Boarder
Posts: 3
User Offline
Excluse intro images from Mobile Karma: 0  
Hi,

I use article intro images on the main desktop siter and want to keep these, but having them messes up the mobile responsiviser layout. Is there a way to exclude these on mobile devices? Had a good hunt, but can't find anything.
 
Logged Logged  
  The administrator has disabled public write access.
#4877
John Dagelmore
Admin
Posts: 3885
User Online Now
Re:Excluse intro images from Mobile Karma: 84  
Hi Andy,

i should have a look at the website to tell you more and eventually tell you how to avoid they mess up mobile.
If you want to hide it the easiest way is adding a CSS rule to the main.css file of the mobile template.
Once determined the selector for those images you can add:

img selector {display: none !important;}
 
Logged Logged  
  The administrator has disabled public write access.
#4881
Andy Greig
Fresh Boarder
Posts: 3
User Offline
Re:Excluse intro images from Mobile Karma: 0  
sorry, site is www.ssdt.org
 
Logged Logged  
  The administrator has disabled public write access.
#4883
John Dagelmore
Admin
Posts: 3885
User Online Now
Re:Excluse intro images from Mobile Karma: 84  
Thanks,

so you can use CSS to restyle intro images as follow:

Code:
div.img-intro-{text-align: center;} div.img-intro- img {float: none !important;}
 
Logged Logged  
  The administrator has disabled public write access.
#4884
John Dagelmore
Admin
Posts: 3885
User Online Now
Re:Excluse intro images from Mobile Karma: 84  
Or if you prefer simply hide them:

Code:
div.img-intro- {display: none !important;}
 
Logged Logged  
  The administrator has disabled public write access.
#4886
Andy Greig
Fresh Boarder
Posts: 3
User Offline
Re:Excluse intro images from Mobile Karma: 0  
Really appreciate your help on this. Have added the code to completely hide the images to main.css but they're still appearing. Have cleared cache etc. :/
 
Logged Logged  
  The administrator has disabled public write access.
Go to top
<< Start < Prev 1 2 Next > End >>