Show the right side of the banner pic on mobile version

[technoob_319]

Hi guys,

The theme that I am using is sense.

I have a banner on my home page, on website version it looks fine, but on the mobile version, the body gets chopped off as you can see below. I want to show more of the right side of the image on mobile version so it looks like the second pic below.

Help would be much appreciated, thank you guys!

Domain: bloomingmumma.com

 

[Dan-From-Ryviu · Accepted solution]

Hi @technoob_319 

You can do that by adding this code before </head> tag in your Online store > Themes > Edit code > theme.liquid file 

<style>
@media screen and (max-width: 749px) {
.banner__media img { object-position: center right !important; }
}
</style>