# vConsole appears on Android device.. how to hide?

**URL:** <https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876>\
**Category:** Web\
**Created:** [June 22, 2021, 9:38am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876 "2021-06-22T09:38:38Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 22, 2021, 9:38am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/1 "2021-06-22T09:38:38Z")

</div>

Has anyone been able to sort this out???

It works great on desktop when i remove the  
script js/vconsole.min.js

But if you remove this… then on Android… it just gives you a BLACK screen.  
So one cannot just “delete” the js/vconsole.min.js"

So the question is… how can one just hide that button… see again post below

See post from Richard

> [@vConsole appears on the screen blocking some of the user interface](https://devforum.zoom.us/t/vconsole-appears-on-the-screen-blocking-some-of-the-user-interface/36355):
>
> Description On Android Phone (HTTP\_USER\_AGENT is Linux; Android 10; ONEPLUS A5010) and on Kindle (HTTP\_USER\_AGENT is Linux; Android 4.4.3; KFTHWI) the Web SDK results in a green icon/button saying vConsole on it in white text both prior to joining and after joining. This icon/button can be moved around but at time does block the user interface until it is dragged and moved. Error There is no error as such as can still start join the Zoom meeting with all the usual functionality just if the u…

---

<div class="post-metadata">

**Author:** ![richard2](https://avatars.discourse-cdn.com/v4/letter/r/eb8c5e/32.png) [@richard2](https://devforum.zoom.us/u/richard2)\
**Post date:** [June 22, 2021, 10:12am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/2 "2021-06-22T10:12:54Z")

</div>

Morning Ellis, Sorry but I tried lots of edits to the code behind the scenes and couldn’t stop it happening. Most of my clients now access via their computer so no longer a problem, wish I could have solved it properly though…

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 22, 2021, 11:22am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/3 "2021-06-22T11:22:34Z")

</div>

HI Richard. thanks for the feedback… yes its a weird one … also tried even removing all the code,.,…

 and Style sheets within the js… but nothing helped… eish

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [June 23, 2021, 9:38pm UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/4 "2021-06-23T21:38:24Z")

</div>

Hey @ellis,

Thank you for reaching out to the Zoom Developer Forum. To make sure I’m clear, what methods have you tried when it comes to removing that button? Further, what version of the [Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web#zoom-web-sdk) are you seeing this with?

My understanding is that this issue isn’t present with the Local Package version of the SDK. Have you seen that same behavior?

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 24, 2021, 7:59am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/5 "2021-06-24T07:59:51Z")

</div>

Im using this from your sample online.

```auto
https://github.com/zoom/sample-app-web

```

```auto
    <script src="https://source.zoom.us/1.9.6/lib/vendor/react.min.js"></script>
    <script src="https://source.zoom.us/1.9.6/lib/vendor/react-dom.min.js"></script>
    <script src="https://source.zoom.us/1.9.6/lib/vendor/redux.min.js"></script>
    <script src="https://source.zoom.us/1.9.6/lib/vendor/redux-thunk.min.js"></script>
    <script src="https://source.zoom.us/1.9.6/lib/vendor/lodash.min.js"></script>
    <script src="https://source.zoom.us/zoom-meeting-1.9.6.min.js"></script>
    <script src="js/tool.js"></script>
    <script src="js/vconsole.min.js"></script>
    <script src="js/meeting.js"></script>

```

but if i delete the line

```auto
<script src="js/vconsole.min.js"></script>

```

then it works great on desktop… but just gives me a BLACK screen on Android Mobile.

I have gone into the

```auto
vconsole.min.js

```

and deleted div tags… changed the styles to none; and even did this  
and this is produced by vconsole.min.js (in js folder) but, for whatever reason, none of: \* thanks Richard

```auto
document.getElementById("__vconsole").style.display=“none”;
document.getElementById("__vconsole").style.visibility=“hidden”;
document.getElementById("__vconsole").innerHTML.style.display=“none”;
document.getElementById("__vconsole").innerHTML="";

```

But nothing takes away the button that comes up on Android…

I have just used Richards pic… as i dont have another device… to take a photo again…  
 ![IMG_20201118_124334](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/3/63978a93b263690dce51bee58e336c7f6bddebb9.jpeg)

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [June 25, 2021, 9:30pm UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/6 "2021-06-25T21:30:07Z")

</div>

Hey @ellis,

I really appreciate all that information, that’s very helpful. I need to set up my Android test device as I wasn’t seeing this on iOS. I’ll check this out and let you know what I see.

**Mobile Browser Support**

With that being said, I do want to mention there has been a recent change to the browsers that our [Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web#zoom-web-sdk) supports. If you check our [browser support section](https://marketplace.zoom.us/docs/sdk/native-sdks/web#browser-support) you’ll see that we are no longer able to support mobile browsers.

While we didn’t want to make this change, it was with the goal of aligning with the support that we are able to provide with the current version as well as previous version of the SDK.

We understand that using the SDK with a mobile browser is a widely used use case and are working to expand platform support as soon as possible.

In the meantime, you may see that using the SDK works as expected, but we aren’t able to provide support for issues on mobile browsers specifically.

**How I can Help**

Regardless of the above, this is an interesting issue and as another developer I can see how this would be frustrating. After I set up my Android test device, I’ll look into this to see if I can offer any changes to the SDK that can be made to avoid this.

I’ll follow up as soon as I can.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 28, 2021, 7:24am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/7 "2021-06-28T07:24:19Z")

</div>

Thank you MaxM 🙂 its strange that is only on Android.  
The best solution was just to remove the

```auto
<script src="js/vconsole.min.js"></script>

```

From the files included… but then you just end up with a black screen.  
So somehow it requires the vconsole.min.js file…

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [June 29, 2021, 9:00pm UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/8 "2021-06-29T21:00:40Z")

</div>

Hey @ellis,

Thanks for your patience. I was able to use the following CSS rule to hide the vConsole button:

```css
#__vconsole .vc-switch {
    display: none;
}

```

I hope that helps!

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 30, 2021, 8:24am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/9 "2021-06-30T08:24:07Z")

</div>

Awesome let me give that a go 🙂  
thank you

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 30, 2021, 8:35am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/10 "2021-06-30T08:35:42Z")

</div>

where did you add this? to the meeting.php page… in the head ?  
as it did not work for me?  
Please can you advise where you added this please.

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 30, 2021, 8:38am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/11 "2021-06-30T08:38:58Z")

</div>

i have also within the vconsole.min.js edited this

#\_\_vconsole .vc-switch {\n display: none;\n position: fixed…

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [June 30, 2021, 8:42am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/12 "2021-06-30T08:42:55Z")

</div>

SORTED!!! 🙂 you must also add the visibility:hidden;  
@richard2

I added this to the meeting.php in the head…

```auto
<style>
#__vconsole .vc-switch {
    display: none;
	visibility:hidden;
}
</style>

```

and then in the vconsole.min.js search for #\_\_vconsole .vc-switch {\n display: block; …

and make it

```auto
#__vconsole .vc-switch {\n display: none; \n visibility:hidden;

```

---

<div class="post-metadata">

**Author:** ![richard2](https://avatars.discourse-cdn.com/v4/letter/r/eb8c5e/32.png) [@richard2](https://devforum.zoom.us/u/richard2)\
**Post date:** [June 30, 2021, 11:11am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/13 "2021-06-30T11:11:38Z")

</div>

You are a star, look forward to giving it a go in our next update, thank you so much for sharing, it is really appreciated

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [July 1, 2021, 9:21pm UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/14 "2021-07-01T21:21:12Z")

</div>

Hey @ellis,

Awesome! I’m glad to hear that you were able to get that working.

Let us know if you run into any issues @richard2.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![ellis](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ellis/32/28485_2.png) [@ellis](https://devforum.zoom.us/u/ellis)\
**Post date:** [July 2, 2021, 6:42am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/15 "2021-07-02T06:42:28Z")

</div>

Thanks for your help @MaxM and @richard2

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [July 2, 2021, 9:59pm UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/16 "2021-07-02T21:59:03Z")

</div>

I’m happy to help! 🙂

Max

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [August 2, 2021, 7:59am UTC](https://devforum.zoom.us/t/vconsole-appears-on-android-device-how-to-hide/52876/17 "2021-08-02T07:59:06Z")

</div>

Closed on August 2, 2021, 7:59am UTC

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.