# CSS to hide share button in webview component. Help!

**URL:** <https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206>\
**Category:** Ask for Help\
**Created:** [July 17, 2021, 9:32am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206 "2021-07-17T09:32:49Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [July 17, 2021, 9:32am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/1 "2021-07-17T09:32:49Z")

</div>

![Deactivate share button](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/d/8dac3e093b6d61565f663f214bf0edb397f10669.png)  
Hi there fellow gliders,

I need some help if its possible to hide the share button in the webview component.

Use case: To hide the link of the room (Private) when using the Jam system for talks.  
Any help would be highly appreciated. Thanks

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 17, 2021, 9:35am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/2 "2021-07-17T09:35:00Z")

</div>

As you noticed yourself, we have no way to target it in mobile as that screen does not allow a rich text component.

Without knowing your full flow, maybe try converting it to a webview component instead of the action. Does it solve the problem?

---

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [July 17, 2021, 10:24am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/3 "2021-07-17T10:24:48Z")

</div>

Let me try that and see if it helps…

---

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [July 17, 2021, 10:33am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/4 "2021-07-17T10:33:20Z")

</div>

Just tried it. It still generate the same issue of not being able to add a rich text component on this screen.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 17, 2021, 11:21am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/5 "2021-07-17T11:21:24Z")

</div>

Does a webview component still show the share button? If that’s on the details view then theoretically you can add a rich text component to target that button.

---

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [July 17, 2021, 1:00pm UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/6 "2021-07-17T13:00:27Z")

</div>

Thanks so much @ThinhDinh …  
It worked.

I was adding a button and then an action of opening a WebView…

Your suggestion worked like a charm.

---

<div class="post-metadata">

**Author:** ![christoph](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christoph/32/22794_2.png) [@christoph](https://community.glideapps.com/u/christoph)\
**Post date:** [April 16, 2022, 6:15am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/7 "2022-04-16T06:15:25Z")

</div>

@Luther could you please share your CSS?  
I tried [data-test=“nav-button-Share”]{display: none} on the screen where I have a button to open the webview, but the share icon is still there.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 16, 2022, 8:38am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/8 "2022-04-16T08:38:57Z")

</div>

I think he meant he used an open webview action instead of the direct webview component.

---

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [April 16, 2022, 1:26pm UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/9 "2022-04-16T13:26:20Z")

</div>

Yes. That is what I meant actually. It was your suggestion that helped me though.  
@christoph

---

<div class="post-metadata">

**Author:** ![christoph](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/christoph/32/22794_2.png) [@christoph](https://community.glideapps.com/u/christoph)\
**Post date:** [April 16, 2022, 5:06pm UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/10 "2022-04-16T17:06:06Z")

</div>

@ThinhDinh , @Luther thank you.  
I didn’t realise that there is a new webview component (pro), you can implement the element on a screen and it works in the builder (also without pro) , but in the app obviously you need pro.

when opening a webview via action open link → webview, I managed to adjust the hight of a jitsi webview, but couldn’t manage to get rid of the jitsi logo (\<div class=“watermark leftwatermark” …), I tried [class=“watermark”] \>\*{display: none} but this doesn’t work.  
any idea how to achieve this?

---

<div class="post-metadata">

**Author:** ![Luther](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/luther/32/17929_2.png) [@Luther](https://community.glideapps.com/u/Luther)\
**Post date:** [April 16, 2022, 5:52pm UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/11 "2022-04-16T17:52:12Z")

</div>

@ThinhDinh would be the perfect person to assist with CSS. He is the guru along with @Robert_Petitto and others…  
It’s a bit out of my reach for now…lol

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [April 16, 2022, 6:09pm UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/12 "2022-04-16T18:09:13Z")

</div>

You’re unable to manipulate the CSS inside of the webview.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [April 17, 2022, 1:18am UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/13 "2022-04-17T01:18:04Z")

</div>

Yeah, this is the case. If you plan to show it under a details screen instead then there might be some hope, but I wouldn’t count on it.

Can you give us a sample link and show us what you want to hide?

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:49pm UTC](https://community.glideapps.com/t/css-to-hide-share-button-in-webview-component-help/29206/14 "2024-01-17T16:49:37Z")

</div>


