-
Posts
-
Hi i testing one design concept, have a simple page where i have setup video background, and fixed footer
#footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
}
and Header i don’t want to be showed on this page when it is desktop view under page options Header visibility and transparency i have chosen to hide on this page.But i would like to show header on mobile view and hide footer, footer i have managed to get working
@media only screen and (max-width: 767px) {
#footer { display: none !important; }
}manged to work it out, Header visibility and transparency i have chosen to show normally and added css code to Qucik css on this page. So you can close it. thanks anyway
@media only screen and (min-width: 767px) {
#header { display: none !important; }
div#main {
padding-top: 0 !important;
}
}
- The topic ‘display header only on mobile screen hide on desktop’ is closed to new replies.