Oasis Theme background image display

[blakeproud]

I am rebuilding my website again as i simply can not find a theme that suits my website design and displays nicely in Mobile / Desktop.

I finally got to Oasis and it looks OK how for the life of me i can not get the picture to display properly on Mobile it is crops it to lanscape?

Like the actual image on desktop is portrait but on mobile is the complete opposite resolution? How am i supposed to make this work?

Why doesnt this particulr app have two background image uploads that it can distinguish for responsive websites or desktop?

https://www.blakeproud.com

Please help

[BJ5]

Add this to Settings > SEO > Header Code and it will make that area taller on mobile on your live site:

<style>
    @Media (max-width: 767px)
    {
        main_style.css:212#panel-one {
            height: 500px;
        }
    }
</style>

If you want to make it different heights for different pages, add it to the Header Code field for individual pages on the Pages tab and edit 500 to whatever works best.

[blakeproud]

Did not work for me

[BJ5]

Oh, I made a bad paste. Try this instead:

<style>
    @Media screen and (max-width: 767px)
    {
        #panel-one {
            height: 500px;
        }
    }
</style>