This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

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

  • 1 reply
  • 1 has this problem
  • 1 view
  • Last reply by 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?

Modified by paper9oll

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: