Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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 nzaghachinzaghachi
  • 1 nwere nsogbu anwere nsogbu a
  • 1 view
  • Nzaghachi ikpeazụ nke 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?

Edeziri site na 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: