Fixed Header in desktop view only


Author Message
Candice

Posted: 4/14/2014
Quote message 

My customer wants the header to be fixed. I found the css below which works in desktop view just fine. In responsive view the fixed header doesn't work so well.. The head appears to be about 1/2 down on screen and covers content. I'd like to remove the fixed header from the responsive view. Please tell how to make the fixed header specific to desktop view only.

I thank you in advance for your help.

/* Begin Additional CSS Styles */
div .art-header {
position: fixed;
width: 100%;
z-index: 1000!important;
}
.art-layout-wrapper {
margin-top: 110px;
{

.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}
/* End Additional CSS Styles */

 
speedyp

Posted: 4/15/2014
Quote message 

Hi Candice

You target the responsive css by prefixing the style with .responsive

Like so:

.responsive .art-header{
position:relative;
etc etc
}