Mobile images

[Matthewjq]

My page’s featured images are not displaying properly on mobile – most are selecting a small portion of the image rather than resizing. Can you help?

[SeaTheme]

Hi,
Sure, I can help you.
Please paste your page url here, thanks!

Cheers!
Bwsm – uiueux.com – Twitter – Facebook

[Matthewjq]

This reply has been marked as private.

[SeaTheme]

Did you want this image show wholly in mobile? Because the featured image will be filled into wrap firstly automatic, it is a fullscreen wrap for every device screen.

It has to set custom css to fit image for each page, if the image is 4:3, set it as 75 3/4=0.75:

@media (max-width: 767px) and (orientation: portrait) { 
 .page-id-907 .post-cover {
    height: 75vw!important;
 }
}

The 907 is the page’s ID, how find it?

Cheers!
Bwsm – uiueux.com – Twitter – Facebook

[Matthewjq]

This reply has been marked as private.

[SeaTheme]

Hi,
Did you mean the image is too blur(seems zoom in lots of)?

please try to enter the custom css to Appearance / Theme Options / Custom Css:

.touchevents .post-cover .ux-background-img {
  background-attachment: scroll; 
}

FW: I suggest you update the Arnold theme, it should not this problem in latest version.

[Matthewjq]

I updated to 1.2 (which made no immediate difference) but your additional css worked – many thanks.

[SeaTheme]

Welcome! Maybe need clean the browser cache.

[Author]

Posts