# Forcing mobile compatible view in webviewer component

**URL:** <https://community.thunkable.com/t/forcing-mobile-compatible-view-in-webviewer-component/1302577>\
**Category:** Questions about Thunkable X\
**Tags:** beginner\
**Created:** [May 23, 2021, 8:01pm UTC](https://community.thunkable.com/t/forcing-mobile-compatible-view-in-webviewer-component/1302577 "2021-05-23T20:01:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mmmishrazpl](https://avatars.discourse-cdn.com/v4/letter/m/c37758/32.png) [@mmmishrazpl](https://community.thunkable.com/u/mmmishrazpl)\
**Post date:** [May 23, 2021, 8:01pm UTC](https://community.thunkable.com/t/forcing-mobile-compatible-view-in-webviewer-component/1302577/1 "2021-05-23T20:01:27Z")

</div>

hello all. I am searching a procedure by which i can force a website to be viewed in mobile compatible mode in webviwer when a call a webviewer in an app. the website is already optimised via mobile first, as i can access the vewsite in mobile mode via my mobile device’s web browser. but when i display the url via webviewer then it doesnt display the content in mobile mode instead it displays content in scrollable desktop mode. please help.

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [May 23, 2021, 8:27pm UTC](https://community.thunkable.com/t/forcing-mobile-compatible-view-in-webviewer-component/1302577/2 "2021-05-23T20:27:15Z")

</div>

If you control the website, can you force it to serve mobile by including a query parameter, a header (options in Web Viewer), or by detecting whatever Thunkable’s Web Viewer is sending as a user agent?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [May 24, 2021, 2:49am UTC](https://community.thunkable.com/t/forcing-mobile-compatible-view-in-webviewer-component/1302577/3 "2021-05-24T02:49:32Z")

</div>

Create a HTML file and set the metadata for the viewport to the size you want and then call the website you want inside iFrame.

Alternatively, use a CSS style to force mobile view and use it as the class of the iFrame.

Another solution is to use a user agent switcher.

[Update]  
I should have asked the following question before suggesting a solution.

Do you mean when you view this particular website from your mobile browser you see it as a mobile version of the website but when you view it from the `web viewer` you see it as a desktop version?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:22pm UTC](https://community.thunkable.com/t/forcing-mobile-compatible-view-in-webviewer-component/1302577/4 "2024-11-08T13:22:20Z")

</div>