We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

How to force PiP to always display on right bottom even if I moved it?

  • 1 valiny
  • 1 manana an'ity olana ity
  • 1 view
  • Valiny farany nomen'i cor-el

more options

I noticed that from the most recent version, the PiP no longer reset the displayed position on restart. If I moved it to bottom left corner and restart Firefox or even the PC, the next time I use PiP it is still displayed on bottom left corner. Same if I moved it to the center of the screen or to the top right corner or top left corner or top center or bottom center.

Is there a way to force it to display on right bottom corner by modifying the about:config?

I noticed that from the most recent version, the PiP no longer reset the displayed position on restart. If I moved it to bottom left corner and restart Firefox or even the PC, the next time I use PiP it is still displayed on bottom left corner. Same if I moved it to the center of the screen or to the top right corner or top left corner or top center or bottom center. Is there a way to force it to display on right bottom corner by modifying the about:config?

Novain'i paper9oll t@

All Replies (1)

more options

You can possibly use code in userContent.css to place this button in a specific position.

I use this code in userContent.css to place this button in the top right corner:

/* top right */
.pip-wrapper{
 top: 0% !important;
 right: 25px !important;
}

More options:

/* bottom right */
.pip-wrapper{
 right: 25px !important;
 bottom: 90px !important; /* above controls */
 top: unset !important;
}

/* bottom left */

.pip-wrapper {
 left: 0px !important;
 bottom: 90px !important;
 top: unset !important;
 right: unset !important;
}


In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

See:

See also: