Home Forums Art WordPress Theme Home page photo crop between mobile and Desktop

This topic contains 2 replies, has 2 voices, and was last updated by  Alan-Magee 4 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #15258

    Alan-Magee
    Participant

    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.

    #15259

    BWSM
    Keymaster

    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.comTwitterFacebook

    #15267

    Alan-Magee
    Participant

    Hi,

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

    – Problem solved –

    Thanks again,
    A.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Home page photo crop between mobile and Desktop’ is closed to new replies.