# Disable Tablet view

**URL:** <https://community.weweb.io/t/disable-tablet-view/4006>\
**Category:** Ask us anything\
**Created:** [August 24, 2023, 2:32pm UTC](https://community.weweb.io/t/disable-tablet-view/4006 "2023-08-24T14:32:11Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [August 24, 2023, 2:32pm UTC](https://community.weweb.io/t/disable-tablet-view/4006/1 "2023-08-24T14:32:11Z")

</div>

Is there a way to disable the tablet view altogether? I am fine with tablet users seeing the desktop experience.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [August 24, 2023, 9:14pm UTC](https://community.weweb.io/t/disable-tablet-view/4006/2 "2023-08-24T21:14:12Z")

</div>

Mmm. Not in one click, no.

Are you using a template that has tablet presets on some elements? If you are, then you’d have to go to tablet mode and reset the CSS settings one by one in the editor:

![CleanShot 2023-08-24 at 23.12.08](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0b21303bec4e184c7f1e745b0d49ddf3522c0c3b.gif)

If you’re not using a template and built your own app from scratch, you should be fine. The tablet breakpoint will take the same design as the desktop unless told otherwise.

The one big exception I can think of (there may be others) is the navigation menu which you’ll have to reset to desktop because we made it responsive on tablet by default.

Does that help for your use case or not really? 😅 Don’t hesitate to share more info on why it would be helpful to you so I can share your use case with the product team.

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 24, 2023, 10:28pm UTC](https://community.weweb.io/t/disable-tablet-view/4006/3 "2023-08-24T22:28:26Z")

</div>

Indeed as Joyce said, unless you have predefined styles on some components, which you can reset, or some classes, then if you don’t do tablet, the tablet will take the Desktop’s settings.

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [August 25, 2023, 5:21pm UTC](https://community.weweb.io/t/disable-tablet-view/4006/4 "2023-08-25T17:21:21Z")

</div>

Thanks @Joyce and @Broberto. I did not use a template to build my app, I built it from scratch. As you can see in this Loom, the tablet view is not behaving well. I’d prefer it to behave as the Desktop view does when I reduce its size. Is that possible?

Thanks.

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [August 28, 2023, 7:31am UTC](https://community.weweb.io/t/disable-tablet-view/4006/5 "2023-08-28T07:31:54Z")

</div>

@Joyce Any advice please? Thanks.

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [August 29, 2023, 5:46pm UTC](https://community.weweb.io/t/disable-tablet-view/4006/6 "2023-08-29T17:46:43Z")

</div>

Bump. Anyone able to help with this please?

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 29, 2023, 8:47pm UTC](https://community.weweb.io/t/disable-tablet-view/4006/7 "2023-08-29T20:47:51Z")

</div>

Hey, I think you’ll have to make it responsive the tough (which also is the right) way - by editing the breakpoint. I think the resizing that you see happening is because the editor is running in an `<iframe>` (but someone feel free to correct me if I’m wrong on this one). So there is probably no way to make it resize that way, which would be a right thing to do.

---

<div class="post-metadata">

**Author:** ![Dorian](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorian/32/13183_2.png) [@Dorian](https://community.weweb.io/u/Dorian)\
**Post date:** [August 30, 2023, 4:10am UTC](https://community.weweb.io/t/disable-tablet-view/4006/8 "2023-08-30T04:10:25Z")

</div>

Thanks. Yeah I actually have started down that path so will continue that way.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [August 30, 2023, 11:05am UTC](https://community.weweb.io/t/disable-tablet-view/4006/9 "2023-08-30T11:05:14Z")

</div>

Hi @Dorian 👋

Apologies for the late reply.

I can’t think of an easy solution unfortunately. Think @Broberto is right and you’ll need to make the datagrid responsive on the tablet breakpoint.

Tables are notoriously annoying to make responsive in web design 😕
