Display different HTML in Web App

2

I have a responsive website, but I need it to be displayed differently within a webapp iframe (no navigation menu, no footer, for example). How do I load a different css, or hide elements, if the content loads inside the / iframe application? (remembering that the responsive version in the browser will continue as it is).

Thank you.

    
asked by anonymous 13.10.2015 / 15:26

1 answer

0

I believe the media query feature can help.

The code below informs you that elements with class .only-webapp will have display:none while the width is below 400px.

@media(max-width: 400px){
    .only-webapp{
        display: none;
    }
}

Code no js Fiddle.

    
16.10.2015 / 21:37