Mobile device

4 posts from 3 voices

• Started 6 months ago by O5
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   O5
   Member

   Mobile device images stretch to fill screen and it doesn't look good. Is there a way to control image sizing on mobile decices? When you click on portfolio images and go to single page the image is too big, it covers screen.

   I'd also like to make portrait images a little smaller for all devices. I tried to change settings but nothing changed.

   Posted 6 months ago #
2. 

   Devin
   Moderator

   Hi O5,

   Do you have a live example we can take a look at? The same behavior you see on a mobile device can be replicated by going to the demo site and shrinking your browser window to a small enough width: http://www.kriesi.at/themes/eunoia/template-files/portfolio-4-columns/

   Shrinking or expanding the browser window is what should be happening on all of the various devices and screen sizes.

   Changing specifically portrait images per device is however not possible as far as I know.

   Regards,

   Devin

   Posted 6 months ago #
3. 

   O5
   Member

   Hi devin

   I'd simply like to make image sizes display smaller. Can I PM you a link?

   Thx

   Posted 6 months ago #
4. 

   Dude
   Dude

   Afaik there's no easy way to resize the portrait images only. You can try a css media query like:

   @media only screen and (max-width: 767px) {
   	img, a img{
   		max-height: 50%;
   	}
   }

   but I'm not sure if it works...

   Posted 6 months ago #

RSS feed for this topic

Reply

You must log in to post.