Hide page header display on mobile.

[Mike]

Mike

May 17, 2016 at 10:55 am

Hi,
I use the following css to hide the page header and get the site width narrowed to 1000px. This works on desktop view, but my issue is that when on mobile view, the page header will reappear, essentially wiping out the display:none page-header css. Is there a way to fix this? It has stumped me for quite some time. Thanks.

For example see *Login to see link

@media (min-width: 1200px) {
.container {
width: 1000px;
}
.page-header {
display: none;
}