Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 12, 2018 at 8:44 am #971569
    zovict

    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; }
    }

    June 12, 2018 at 9:54 am #971605
    zovict

    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;
    }
    }

    June 13, 2018 at 6:52 am #972063
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘display header only on mobile screen hide on desktop’ is closed to new replies.