How to hide element in a Android Webview app using a Bootstrap website?

Question

I've made a Android webview app of my bootstrap 3 website.

Now I want to place something like this in the header of the website

<div class="visible-xs">{google play icon to promote the app}</div>

This element should be visible when opening the website on a mobile. But hidden when opening the webview app.

The ideal solution would be if this can be done by changing/adding a code on the website, rather then in the webview app.

Is this possible?

Answer 1

You can try using CSS media queries .

I mean something like this:

.visible-xs{
    visibility: visible;
}

@media (max-width: 1000px) {

    .visible-xs {
        visibility: hidden;
    }

}