Mobile Cover Image

[michaelmckeon]

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.

[SeaTheme]

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!

[michaelmckeon]

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.

[SeaTheme]

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; }
}

[michaelmckeon]

Thank you!

[Author]

Posts