A mobile app should be different/light-weight than the website. So, a mobile app shouldn't contain the portions of the website that do not add value to mobile app.

For example, the header/footer/sidebars/menu should be set to not display on the mobile app. The mobile app should typically display only the content/component/plugin area of the website, and nothing else.

How do I hide certain areas of my website on mobile app?