[HELP] Remove Scrollbar from page

How do i remove the scrollbar from a page? Or that the page is perfect sized for every screen resolution. No CTRL/CMD + +/-


You can find the answer on Stackoverflow. Copy paste your title in Google.

Yes, but thats HTML, how can i add

<style type="text/css">
    body {
        overflow: hidden;

in bubble?

Enable setting ID’s on elements and give your main page an ID, for example Main.

Then use this:

#main {
    overflow: hidden;
1 Like

Don’t forget opening style tag and closing style tag.

Where to enable ID’s? :sweat_smile:

From the settings tab in your app. I’m sorry I’m on mobile so I can’t really make screenshots. You can find the answer also on the forum. Use the search filter.

It has been answered multiple times.

Welcome btw on Bubble, and good luck with your projects.

I enabled the ID’s (screenshot) image

tested multiple things, dind’t work :slightly_frowning_face:

Did you set the page ID as “main” in the page settings?

ID attribute would be main. The HTML header is where you paste the style tag. Don’t forget to put the closing style tags.

Giving exact answers doesn’t make you learn anything. I’m sure if you just rethink it, you will solve it.


ID Attribute is where you write main

Then in the html element or header html of the page enter the html

You can take a look at an editor of mine that has pages with multiple ways of affecting the scroll bar…some show how can add scroll bar to a group element that has a text element that “overflows” and the default bubble behavior expands the group to fit the text, but this allows you to put a scroll bar onto the group so the height remains same but can scroll the text.

Can also see how to custom style the scroll bar as well with sizing and coloring options.

Have a peak at the editor.

1 Like

By the way, something I just learned is that the page html will not work unless you are on a paid plan.

Check out this thread for a more helpful approach to the scroll bar issue

And this about paid plan for use of html header

I saw these after posting my editor link which is on a free plan.

So, there are options, but the easiest, html page header, is only available on paid plans.

And some instructions on how to customize it for your app

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.