How to add a custom header or logo to M Theater

Below is an example of how you can customize the header of your M Theater website installation with the new ‘title-background’ class. Place this code below into the Custom CSS text box in Theme Options:

hgroup { width:100%; height:150px; margin-top:0; margin-bottom:0;}
hgroup.title-background { background-image: url(‘http://linktoyourimage.jpg’); background-repeat: no-repeat; background-position: bottom center; background-size:contain; margin-top:0; }
nav.main-navigation { margin-top:0; }

This will give you a custom header image that will resize on tablets and mobile devises.