Удалить код: public class DemoActivity расширяет ActionBarActivity
Заменить на: public class DemoActivity extends Activity
Просто держите заголовок фиксированным и присвойте .main-content верхний отступ, равный высоте вашего заголовка, или даже немного выше для эстетики.
.main-header{
grid-column: 1/2;
grid-row: 1/3;
/* Here i want this to be fixed (scrolling should not have any effect)*/
position: fixed;
top: 0;
height: 80px;
}
.main-content {
padding-top: 100px;
width: 100%;
float: left;
}