Hide Header and Footer for Mobile

  • Hi,

    Is there a way to hide header and footer my page when I render it in my Mobile Application?

    I am planning to reuse my contents in my mobile or other website put in an iframe but with no header and footer.

    Thanks

Viewing 1 replies (of 1 total)

  • Hi!
    You can add some custom CSS lines to make your design responsive. The code below will hide header and footer classes when the width of your display is less than 600px.

    You should modify it to fit your classes. 

    @media only screen and (max-width: 600px) {
 
.header, .footer {display: none; }

}

    Hope this helps!
    Good luck!

Viewing 1 replies (of 1 total)
  • The topic ‘Hide Header and Footer for Mobile’ is closed to new replies.

Tags