Home page photo crop between mobile and Desktop

[Alan-Magee]

Hello,

I love the theme so far. I have a full page image on the home page, which crops well for tablets, but is terrible on phones (iphone) where it resorts to non-crop landscape with dead space below.

My site is: http://www.alan-magee.com

Can I choose another image for mobile version? Or define the crop?

Thanks.

[SeaTheme]

Hi,
It can not use other image here, but it can be set by CSS
Please paste the custom css, it will fill whole window. You can change the crop position by background-position(the default is 50%, centered on X, it can be set 37% or other)

@media (max-width: 768px) and (orientation: portrait) {
.post-15 .post-cover.fullscreen-wrap  {
    height: 100vh!important; }
.post-15 .post-cover.fullscreen-wrap  .ux-background-img {
    background-position: 37% 50%; }
}

ps: it only work on this page by post id ( How to find page/post id? )

Regards!
Bwsm – uiueux.com – Twitter – Facebook

[Alan-Magee]

Hi,

Thanks for that bit of code – it worked a treat!

– Problem solved –

Thanks again,
A.

[Author]

Posts