Home Forums Art WordPress Theme Mobile Cover Image

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #15760

    michaelmckeon
    Participant

    Hi, Is it possible to scale the cover image on a homepage to fit the full height of a mobile rather than it’s width?
    Or use a different image that I can crop to fit?

    ie the cover image on my homepage works well for desktops but on a mobile it’s scaled to fit the width and only takes up about half the screen?

    Also, I have checked my site on an ipad and it displays the same way it does on a desktop.
    When I preview it under ‘customize’ it displays like a mobile device which is what I want.
    Do you know what might be causing this issue?

    https://michaelmckeon.com.au/

    Thanks in advance.

    #15778

    BWSM
    Keymaster

    Hi,

    Please paste the custom css code to “Appearance > Customize : Additional CSS”

    @media (max-width: 768px) and (orientation: portrait) {
    body.home .post-cover.fullscreen-wrap  {
        height: 100vh!important; }
    }

    On which version ipad? portrait or landscape mode?

    Regards!

    #16098

    michaelmckeon
    Participant

    Hi, Thanks! that worked for the mobile!

    Regarding the ipad display.
    I’d actually like the website to display the same as it does on desktop except I have a fluid container padding on the desktop version of 150.
    Can I have a container padding of only 10 on the ipad?

    Thanks again for your support.

    #16109

    BWSM
    Keymaster

    Please paste the custom css code to “Appearance > Customize : Additional CSS”

    @media (min-width: 768px) and (max-width: 1024px)  {
    .container-fluid {  padding-left: 10px!important;  padding-right: 10px!important; }
    }
    #16112

    michaelmckeon
    Participant

    Thank you!

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

The topic ‘Mobile Cover Image’ is closed to new replies.