Removing the header from mobiles…

Hello,

I’ve been trying for hours to get the header to look right on a mobile device with no luck. It seems that it’s not possible to resize the header for mobile devices. So I’d like to remove it but this is proving difficult for me also.

I’ve tried changing the responsive.css file as follows…but still no luck I’m afraid.

@media screen and (max-width:360px){
.bjqs-heading, .bjqs-descript {display: none;}

.entry-excerpt, .entry-thumbnail {
clear: both;
padding-right: 0;
}
.entry-thumbnail {margin-bottom: 4px;}

.rtl .entry-thumbnail {padding-left: 0;}

header {
background-image: none !important;
}

}

Any ideas,

Thank you