Image width on mobile

**GK User** Tue Mar 17, 2015 8:09 am

Is there a way of showing more width/percentage on mobile?

The images on mobile, (i.e. pages; homepage slider, header images and the portfolio/blog) only shows a slim middle section which isn't great as everything gets cropped. Is there a way to show more of the width so they don't crop as squares?

Thanks,
Rob

**GK User** Tue Mar 17, 2015 11:22 am

This is an idea behind css background image. It's cropped so it fits and no borders are visible.

**GK User** Sun Jun 21, 2015 10:17 am

But could we change this for mobile devices only because now we lose about 50% of our images and for a photo website that doesn't look that good... Like change it to 100% width?

**GK User** Mon Jun 22, 2015 8:22 pm

Could you please post an url to your site?

**GK User** Mon Jun 22, 2015 8:22 pm

Or even better - to a specific place where this issue can be seen.

**GK User** Wed Jun 24, 2015 7:03 am

I will post a screenshot later this day...

**GK User** Wed Jun 24, 2015 5:05 pm

I cant's seem to upload any attachments...

**GK User** Fri Jun 26, 2015 7:08 am

I didn't ask for a screenshot. I asked for an url

.

**GK User** Tue Jun 30, 2015 10:17 am

I know, but sometimes a screenshot says it all...
portfolio.aai.nu

**GK User** Tue Jun 30, 2015 4:33 pm

Yeah, but screenshot doesn't allow to test what is wrong

Ps - if you want to post a screenshot you can use any 3rd party free image hosting solution and post a direct link.

**GK User** Tue Jun 30, 2015 4:39 pm

Ok, lets do some explanations here...
Mobile device in most cases is a portrait type device. If you want do display image that shows on entire screen this image needs to be also portrait. Now if you use landscape image - it is cropped on both sides just to cover entire screen. This mode is called cover mode.
Now if you would like to display entire landscape image on a portrait screen, you need to decide what to do - the only way to make the image fully seen is to sticks it to the top and you have 2/3 of screen empty (background color), or you can think about centring it vertically - then you have still background on top and bottom, or to stick it to the bottom.
Either case you stick with bad looking background here or there.
Same happens if you use portrait image with landscape device - then you will get background either on one of the sides, or partially on both.

Now you need to decide what to do next.

**GK User** Tue Jun 30, 2015 7:21 pm

I understand, I guess I will have to choose a picture very carefully that looks good in landscape and portrait orientation. I want this portfolio website to be seen as well on ipad as on standard pc/monitor.

**GK User** Tue Jun 30, 2015 8:22 pm

You might consider aligning image to right/left/top/bottom (one of the corners) if "high point" of your photo lies among one of those corners.