# How to do Fixed width of discourse theme, No mobile view? \[paid\]

**URL:** https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232
**Category:** Marketplace
**Created:** [23 Maio , 2017 20:34 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232 "2017-05-23T20:34:15Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![veer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/veer/32/69391_2.png) [@veer](https://meta.discourse.org/u/veer)
#### Post date: [23 Maio , 2017 20:34 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/1 "2017-05-23T20:34:15Z")

</div>

Problem is we use adsense for long time to finance our work. After moving to discourse The CPC and click rate is almost 5 times less. In old site we have a single theme which always opens a Desktop view, eigther in mobile or in Latop, thus gives High CPC. This discourse theme is responsive, i need to use here Responsive ad, how can i do the fixed Desktop view and width for every device ? Disable the theme responsiveness.

- Computer view CPC is much higher than mobile ads.
- Mobile view should be disabled and responsiveness too.

---

<div class="post-metadata">

### Author: ![jidetheblogger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidetheblogger/32/73213_2.png) [@jidetheblogger](https://meta.discourse.org/u/jidetheblogger)
#### Post date: [2 Junho , 2017 22:53 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/2 "2017-06-02T22:53:47Z")

</div>

You can set your responsive adsense ad to display any size for any device width. eg, you can force it to [display 330x250 ad above fold](http://www.ogbongeblog.com/2017/05/make-adsense-responsive-ad-code-display-300x250-banner-on-mobile.html) on mobile.

---

<div class="post-metadata">

### Author: ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [3 Junho , 2017 02:21 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/3 "2017-06-03T02:21:01Z")

</div>

@jidetheblogger Your article is about blogs, how did you do this in your Discourse? i.e.

```plaintext
<style>
.OBResponsiveTop { width: 300px; height: 250px; }
@media(min-width: 500px) { .OBResponsiveTop { width: 468px; height: 60px; } }
@media(min-width: 800px) { .OBResponsiveTop { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<div style='display:block;text-align: center'>
<!-- OBResponsiveTop -->
<ins class="adsbygoogle OBResponsiveTop"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="7XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

```

---

<div class="post-metadata">

### Author: ![veer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/veer/32/69391_2.png) [@veer](https://meta.discourse.org/u/veer)
#### Post date: [3 Junho , 2017 09:53 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/4 "2017-06-03T09:53:35Z")

</div>

I want to disable the Total theme responsiveness of the discourse website. Not the adsense.  
Check these two sites of wordpress with same theme where i disables the responsiveness.

[usbar1.com](http://usbar1.com) - Not responsive and looks same on mobile or desktop.  
[collegeuniversitydb.com](http://collegeuniversitydb.com) - Responsive which looks difeerent on mobile and desktop.

How can i do the same in Discourse. Fix the site width and disable responsiveness of the whole website.

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [3 Junho , 2017 10:08 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/5 "2017-06-03T10:08:22Z")

</div>

Hi @veer,

I’m not sure I understand your requirement, but maybe this simple fix would be enough for you:

 ![](https://global.discourse-cdn.com/meta/original/3X/3/e/3edd61484dc8f6b0d82c243f43505f80cccc71d6.png)

For reference and copy/paste, the css used:

```plaintext
.wrap {
    min-width: 960px;
}

```

---

<div class="post-metadata">

### Author: ![veer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/veer/32/69391_2.png) [@veer](https://meta.discourse.org/u/veer)
#### Post date: [7 Junho , 2017 19:38 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/6 "2017-06-07T19:38:24Z")

</div>

Joffrey That really helped me, But the problem now is, I cab not zoom out from the page in mobiles. How to fix that ?

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [8 Junho , 2017 08:13 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/7 "2017-06-08T08:13:53Z")

</div>

> [@j.jaffeux](#):
>
> .wrap {  
> min-width: 960px;  
> }

Put this in Customize \> Themes \> Common \> `</head>`, that should do it:

```plaintext
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;" />

```

---

<div class="post-metadata">

### Author: ![veer](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/veer/32/69391_2.png) [@veer](https://meta.discourse.org/u/veer)
#### Post date: [8 Junho , 2017 21:41 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/8 "2017-06-08T21:41:46Z")

</div>

> [@j.jaffeux](#):
>
> \<meta name=“viewport” content=“width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;” /\>

Thanks that worked perfectly.

---

<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: [8 Julho , 2017 21:42 UTC](https://meta.discourse.org/t/how-to-do-fixed-width-of-discourse-theme-no-mobile-view-paid/63232/9 "2017-07-08T21:42:14Z")

</div>

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