# Turning Off the Preview Function

**URL:** https://meta.discourse.org/t/turning-off-the-preview-function/145347
**Category:** Support
**Created:** [March 24, 2020, 5:11am UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347 "2020-03-24T05:11:52Z")
**Posts on this page:** 19
**Page:** 1

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [March 24, 2020, 5:11am UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/1 "2020-03-24T05:11:52Z")

</div>

Hi Folks,

I never use the Preview function, and it bothers the hell out of me when on mobile. Is there a way to turn it off?

Lee

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [March 24, 2020, 6:10am UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/2 "2020-03-24T06:10:33Z")

</div>

What do you mean by “preview function”? Can you clarify?

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [March 24, 2020, 6:22am UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/4 "2020-03-24T06:22:25Z")

</div>

Use CSS to hide the post preview button. You can do almost anything with CSS.

Also, how does it bother you on mobile? It doesn’t even show up until you press the button..🤔

 ![Screenshot_20200323-232133_Chrome](https://global.discourse-cdn.com/meta/original/3X/f/c/fc7352a3412db2990aa030e3ee564632ddb6bc59.jpeg)

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:16pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/5 "2020-04-09T19:16:17Z")

</div>

Hi, @codinghorror and @nexo,

Apologies for the lateness of my reply.

Here is an example of the ‘Preview’ pop-up. I never use it, and always have to manually close it down, and I wondered if I could get rid of it permanently? It also pops up on my mobile device and makes it incredibly awkward to post anything. I have asked across my group if anyone else has issues with mobile, and nobody does, so maybe it’s my phone (Huawei)?

 ![Screenshot 2020-04-09 at 12.14.18](https://global.discourse-cdn.com/meta/original/3X/0/d/0defe790e0826e44df49f739298fe7a1ea4e1016.png)

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [April 9, 2020, 7:19pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/6 "2020-04-09T19:19:12Z")

</div>

Are you talking about the blue suggested topics popup or the actual preview side that displays what you’re typing?

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:22pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/7 "2020-04-09T19:22:13Z")

</div>

It would be useful to know how to switch both off, and give that option to the user (if possible).

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [April 9, 2020, 7:31pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/8 "2020-04-09T19:31:05Z")

</div>

> [@Lee\_Davy2](#):
>
> It also pops up on my mobile device

Not 100% sure, but it shouldn’t. Are you displaying the site as the desktop version on your mobile? Can you provide a screenshot?

You can remove the preview panel client-side on desktop using a browser extension that allows adding custom CSS like [Live Editor](https://webextensions.org/).

The CSS rule would be:

```css
.d-editor-preview-wrapper {
    display: none;
}

```

I’ll look like this:

 ![image](https://global.discourse-cdn.com/meta/original/3X/b/1/b16b3c3d5c4c33b90d6009ccbd0e994d9921566a.png)

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:39pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/9 "2020-04-09T19:39:48Z")

</div>

Hi @Canapin

When it comes to things like CSS, I am more ‘Pong’ than ‘World of Warcraft,’ I really don’t have a clue. Can I pay people to do things like this?

On the second note, about the mobile interface.

Here are some images

On this one, I can’t scroll to the title.

 ![Screenshot_20200409_123430_com.android.chrome](https://global.discourse-cdn.com/meta/original/3X/0/5/05476b8ad01b5283a23f3c3fa3e3eed940498a37.jpeg)

On this one, I can’t abandon my post.

 ![Screenshot_20200409_123504_com.android.chrome](https://global.discourse-cdn.com/meta/original/3X/5/2/5266793cd3f3f1f080101ada749b86a8dfbaed88.jpeg)

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [April 9, 2020, 7:42pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/10 "2020-04-09T19:42:25Z")

</div>

Looks like you are on the desktop version of Discourse on your phone. This may happen if you set Chrome to request desktop for all sites.

Reach for the Hamburguer Menu and select “Mobile version” on the botton.

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:43pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/11 "2020-04-09T19:43:46Z")

</div>

What is the ‘hamburger menu?’

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 9, 2020, 7:45pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/12 "2020-04-09T19:45:50Z")

</div>

It’s at the top upper right 🡕 of your browser tab and looks like this ☰

You really _really_ don’t want to be on desktop mode on your mobile device. That’s a recipe for much suffering.

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:47pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/13 "2020-04-09T19:47:09Z")

</div>

It’s been killing me!

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:47pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/14 "2020-04-09T19:47:53Z")

</div>

Holy crap, that was so easy, thanks so much!

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [April 9, 2020, 7:47pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/15 "2020-04-09T19:47:55Z")

</div>

> [@Lee\_Davy2](#):
>
> Can I pay people to do things like this?

Hiding the preview panel in your desktop browser is super-easy. It won’t work on mobile unless you use a browser that supports such an extension.  
Here are the steps on Chrome:

1. Install [Live Editor](https://webextensions.org/) extension on your browser
2. Go to the Discourse forum URL you want to hide the preview panel (I’ll use [meta.discourse.org](http://meta.discourse.org) as an example)
3. Click the extension icon:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/4/5/45b9d7c27707fe7165eb91f7d9f171df0716dd83.png)
4. In the “css” tab of the extension window, write the CSS code I’ve written in my previous post:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/7/7/77fa3b788740d04aa61b0595acd50ce15b7d1eca.png)
5. Click the pin icon:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/2/9/29e3fb1e418ac5b2e9b1326b234bc712b5df8f68.png)
6. Click “Allow” on the warning popup:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/0/8/08ed6c9447ffc5b08eb13f50c7fbc21739d0f8a3.png)

Then this CSS rule will be applied automatically each time you visit [meta.discourse.org](http://meta.discourse.org).

If you need paid assistance, you can send me a direct message though.

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [April 9, 2020, 7:48pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/16 "2020-04-09T19:48:11Z")

</div>

Just don’t use it then.

---

<div class="post-metadata">

### Author: ![Lee\_Davy2](https://avatars.discourse-cdn.com/v4/letter/l/439d5e/32.png) [@Lee\_Davy2](https://meta.discourse.org/u/Lee_Davy2)
#### Post date: [April 9, 2020, 7:49pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/17 "2020-04-09T19:49:16Z")

</div>

Thanks.

I’ve asked the community for feedback. I don’t want to remove something of value to them. If they give me the thumbs up, I will try this or ping you.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [April 9, 2020, 7:50pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/18 "2020-04-09T19:50:37Z")

</div>

Sure. Note that my solution works only on client-side, so only for the user that follow these steps and nobody else.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [May 6, 2024, 6:25am UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/19 "2024-05-06T06:25:34Z")

</div>



---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [May 6, 2024, 2:27pm UTC](https://meta.discourse.org/t/turning-off-the-preview-function/145347/20 "2024-05-06T14:27:56Z")

</div>


