Hi Imran, sorry for the late response. I’ve managed to apply some CSS to center the banner image, but it is an imperfect fix. Under Appearance-> customize -> Header settings -> Custom CSS, I’ve added the following, but as I’m no expert this is only a temporary fix:
.carousel img { height: 97.5%; padding-left:10%; padding-right:10%; max-width: 97.5% !important; }
.img-responsive { width:100%; }
But there is an additional problem: the banner image is not responsive like the rest of the template. You can see what I mean by following the link above and re-sizing the browser view.
Any help on this matter would be appreciated. Thanks, Matthew