# Webviewer Height **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** webviewer, beginner, help\ **Created:** [January 28, 2022, 9:10pm UTC](https://community.thunkable.com/t/webviewer-height/1702494 "2022-01-28T21:10:52Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 28, 2022, 9:10pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/1 "2022-01-28T21:10:52Z")
Hi. I have some problems with the Webviewer. I need a webviewer tall more than 10000 px but, I don’t now why, when I set it, a big white banner remains at the top so the screen is smaller. Then the botton of the page start to lag. Moreover, I searched about it on tutorials and I found that there is a block that fit the webviewer’s height for the content, but that specific block there isn’t on my UI components ( the block is “set Web\_viewer1’s Height to” ). I don’t understand if I missed something. Thank you for helping me ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 28, 2022, 11:04pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/2 "2022-01-28T23:04:47Z")
Hey 👋 Can you include screenshots? ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 29, 2022, 8:58pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/3 "2022-01-29T20:58:29Z")
Sure! In this case I put 10000 px ![WhatsApp Image 2022-01-29 at 21.50.33](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/f/1f721b59173e86200a5be81362496973da8bc16d.jpeg) Here you can see a white bar. It is fixed also if you scroll down… ![WhatsApp Image 2022-01-29 at 21.17.19](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/2/428a3eace49f4fb0e9f61613b8b90578457ef608.jpeg) Here, the site is stopped but the Webviewer is longer and the site obviously do not finish there. ![WhatsApp Image 2022-01-29 at 21.50.33 (1)](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/6/160ca64337245f7c02bf3604343d5f0f4e5e521c.jpeg) Here I can’t show you the bug because it is only an image but imagine that when you scroll to the bottom, the white bars go up and down for no sense Thank you ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 29, 2022, 9:21pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/4 "2022-01-29T21:21:22Z")
I see that. I’m wondering why you are shooting for 10,000px height. What happens when you make the web viewer full screen only? ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 29, 2022, 9:43pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/5 "2022-01-29T21:43:33Z")
When you scroll down to see all the web page, the webviewer cut the site (like the second picture), so I can’t watch the site over the cut so I thought to put the webviewer size to a number of px that permit to show all the site, but, if I set more than 10000px, the webviewer start to lag I would like to put the automatic layout size (that depends on the site or content) but I can’t understand how to do it ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 29, 2022, 11:26pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/6 "2022-01-29T23:26:28Z")
Usually this is due to poor responsive settings on the website itself I think. This example looks just fine in the preview app for me. [https://x.thunkable.com/copy/ecdac68876f05c12cc4f60e319908508](https://x.thunkable.com/copy/ecdac68876f05c12cc4f60e319908508) What website url are you having issues with? ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 29, 2022, 11:55pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/7 "2022-01-29T23:55:08Z")
I have issues with all sites but, from your example, I have seen a thing that is possibly the problem but I don’t know how to activate ![Screenshot_20220130-004812](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/a/ea5c1acef5b5afab18a762e285ba2f0c8a808570.png) ![Screenshot_20220130-004914](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/4/34428075120da7016feb7de39da610b2d9885b4d.png) How you can see in the first picture, I haven’t the possibility to choose “simple” or “advanced” and I haven’t the possibility to choose Fit and Fill content. Do I need to enable something to have them? ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 30, 2022, 2:05am UTC](https://community.thunkable.com/t/webviewer-height/1702494/8 "2022-01-30T02:05:14Z")
Sorry, check this one out. [https://x.thunkable.com/projectPage/61f5f1c0ab008002a39df940](https://x.thunkable.com/projectPage/61f5f1c0ab008002a39df940) ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 30, 2022, 8:49am UTC](https://community.thunkable.com/t/webviewer-height/1702494/9 "2022-01-30T08:49:49Z")
So the problem is that is necessary the Pro account, right? Even if is needed a Pro account, is it possible to switch from my interface to your example’s interface? ---
**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:** [January 30, 2022, 10:08am UTC](https://community.thunkable.com/t/webviewer-height/1702494/10 "2022-01-30T10:08:38Z")
> [@enricodidoliu](#): > > How you can see in the first picture, I haven’t the possibility to choose “simple” or “advanced” and I haven’t the possibility to choose Fit and Fill content. This is because you are using the DnD (Drag and Drop) UI while @jared is using the StP (Snap to Place) UI. ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 30, 2022, 11:26am UTC](https://community.thunkable.com/t/webviewer-height/1702494/11 "2022-01-30T11:26:23Z")
Ah ok… thank you! So if I would, I could switch the same project to StP UI from the DnD UI or I need to create a new project ? ---
**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:** [January 30, 2022, 12:04pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/12 "2022-01-30T12:04:41Z")
> [@enricodidoliu](#): > > I could switch the same project to StP UI from the DnD UI No, you cannot go back wards. You will need to recreate the project. ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 30, 2022, 12:39pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/13 "2022-01-30T12:39:17Z")
Ok, thank you for your help. If I do not bother you, I would ask you another question. If I use the StP UI, is there a method to overlap some object on an other? I mean, we suppose I want to put a Button on top of a list viewer (in the list viewer range). How can I do it without moving the list viewer? Do I need to make another screen? And if I need to do it, how can I show all components overlapped on the first screen ? I hope I explained me well. Thank you! ---
**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:** [January 30, 2022, 12:42pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/14 "2022-01-30T12:42:58Z")
> [@enricodidoliu](#): > > is there a method to overlap some object on an other? Yes, you can. In StP, you can give components positions as **relative** (default) or as **absolute**. When using absolute positioning, the component will overlap whatever in that position. ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 30, 2022, 12:49pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/15 "2022-01-30T12:49:37Z")
Thank you so much for the help you all given to me!!! ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 30, 2022, 1:06pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/16 "2022-01-30T13:06:13Z")
> [@enricodidoliu](#): > > So the problem is that is necessary the Pro account, right? > Even if is needed a P Did the second example I shared work for you? ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 30, 2022, 1:43pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/17 "2022-01-30T13:43:10Z")
Yes, thank you! 😄 ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 30, 2022, 1:46pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/18 "2022-01-30T13:46:02Z")
Glad it works the right way. To note, I didn’t do anything special beyond making the viewer full screen. All other responsiveness “fitting to my screen size” occurs via the websites code and is out of control of the viewer for the most part. ---
**Author:** ![enricodidoliu](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@enricodidoliu](https://community.thunkable.com/u/enricodidoliu)\ **Post date:** [January 30, 2022, 1:58pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/19 "2022-01-30T13:58:20Z")
Yes, but the problem was that I was using the DnD, so there wasn’t any sections (like automatic height). Thanks to your example, I found the way to use the StP UI and thanks to @muneer I understood how to fix some problems, so the problem wasn’t the particular site but my knowledge about the site. ---
**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\ **Post date:** [January 30, 2022, 2:04pm UTC](https://community.thunkable.com/t/webviewer-height/1702494/20 "2022-01-30T14:04:30Z")
I’m wondering in the second project which was dnd, did you still experience white spaces? [Next page](https://community.thunkable.com/t/webviewer-height/1702494.md?page=2)