Home sticky

Release what is stuck to the screen

When a menu or notice keeps covering part of the screen, this shortcut moves fixed elements back into the page flow so you have more room to read.

On a computer, drag the button below to your bookmarks bar. Then open the page you want and use the bookmark.

Turn fixed elements off

On a phone or without a bookmarks bar? See the other ways to use this shortcut below.

How it works and when to use it

How can I use this shortcut on my phone?

On a phone, you can try saving the code as a bookmark address. Copy the code below first.

iPhone (Safari): bookmark any page, touch and hold the bookmark, choose Edit, and replace its address with the copied code.

Android (Chrome): bookmark a page. Open Bookmarks, tap the three dots beside it, choose Edit, and replace its address with the copied code.

Then open the page you want to change and use the bookmark. If it does not run from the bookmarks menu, type the bookmark's name in the address bar and select its suggestion.

Bookmark address

javascript:void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

Support varies by browser and version. Some websites also block this kind of shortcut.

Another iPhone option: the Shortcuts app

In Shortcuts, create a shortcut with the Run JavaScript on Webpage action and paste the code below. Show it in the Share Sheet for Safari webpages. If prompted, allow running scripts in Shortcuts settings. Then open the page in Safari, tap Share, and choose your shortcut.

Code for the Shortcuts app

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}());completion();

How can I use the console on a computer?

Open the page you want to change. In Chrome, press Ctrl + Shift + J (Windows/Linux) or ⌘ + Option + J (Mac), paste the code below into the console, and press Enter.

Console code

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

The effect applies to the open page. Check what any code does before running it in the console; your browser may show a security warning.

The button looks for position fixed or sticky and asks for position static. It applies to what is already on the page when you click.

Which elements move away from the text?

Many sites pin the menu, a notice, or a chat button to the window. They sit on top of what you are reading.

The button checks each element. If the computed position is fixed or sticky, it asks that element to return to the normal flow of the page.

This is not an account setting or a change to the site. After a reload, the bars stick again. The bookmark remains.

What it releases

Menus, notices, footers, and buttons that follow the scroll. Anything the page keeps pinned to the window is included.

If you only want the top header, use the fixed-header tool. This one releases the rest as well.

What can happen

The bar, instead of floating, takes a place in the text. That is what frees the area it was covering.

An element the page creates after the click can stick again. Click once more.