image with text overlay, Desktop, mobile & fullsceen.

[infinite_ars]

Hello I am having trouble to make my main image of my home page responisive to fullscreen. 

I am currenly using debut theme, and I was able to add a menu in text overlay to be able to add a diffent image in mobile.

Now I want to do the same for fullscreen. This is how it looks in fullscreen. 

So I want to add a different picture for fullscreen. 

This is the result Im looking for. 

The website is https://infiniteathletic.com/

Please help. 

Thanks

[Dan-From-Ryviu]

Go to your Online store > Themes > Edit code > open theme.css or theme.css.liquid file, add this code at the bottom 

media only screen and (min-width: 750px) {
.hero--x-large { height: 1000px !important; }
}

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.css and paste this at the Bottom of the file:

.hero__inner {
position: absolute!important;
}

[infinite_ars]

Hello would be posible to keep the text in the middle? 

[PageFly-Richard]

Hi @infinite_ars 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Theme.css

.hero__inner {
   position: absolute !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[infinite_ars]

Hello would it be posible to keep the text in the middle?