* { padding: 0; margin: 0; } *, :after, :before { box-sizing: border-box; } .nav-global { background-color: #f0f0f0; display: none; padding: 0 1rem; } ul { display: flex; font-size: .8125rem; margin: 0; padding: 0; height: 100%; } li { list-style: none; position: relative; margin: 0 .75rem; } li:first-child { margin-left: 0; } li:last-child { margin-right: 0; } li a { display: flex; align-items: center; padding: 1rem 0; text-decoration: none; color: #474747; } li a:hover:after, li:hover>a:after { content: ""; border-bottom: 3px solid #80c343; position: absolute; left: 0; bottom: 0; min-width: 100%; z-index: 1; } @media (min-width: 900px) { .nav-global { display: flex; justify-content: space-between; align-items: center; } ul { font-size: .875rem; } } @font-face {font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); } .material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .footer *,:after,:before {box-sizing: border-box} footer,nav,section {display: block } .footer {font-size: 16px; scroll-behavior: smooth; margin: 0; font-family: 'Noto Sans',sans-serif; font-weight: 400; line-height: 1.5; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar;} .footer ol, .footer ul {padding-left: 2rem; margin-top: 0; margin-bottom: 1rem } .footer img {vertical-align: middle } .footer p {font-size: 1rem; font-weight: 400; line-height: 1.5; margin-top: 0; margin-bottom: 1rem } .footer a {text-decoration: none; color: #222; font-size: inherit; font-weight: inherit;} .footer a:hover {text-decoration: underline;color: inherit;} .footer-nav {display: flex; flex-wrap: wrap; width: 100%; background-color: #fafafa; } .footer-nav__section {flex: 1 1 25% } p.footer-nav__title {font-size: 1rem; font-weight: 600; margin: 0; position: relative } .footer-nav__caret {position: absolute; right: 1rem; font-size: 34px; color: #80c343 } ul.footer-nav__list {margin: 0; padding: 0; height: 0; visibility: hidden; transition: transform .1s ease-in-out; transform: scaleY(0); transform-origin: top } .is-open ul.footer-nav__list {visibility: visible; transform: scaleY(1); height: auto; transition: transform .3s ease-in-out } .footer-nav__item .footer-nav__link {padding-left: 0 } .footer-nav__item:last-child .footer-nav__link {border: 0 } .footer-nav__link {display: block; padding: 1.5rem 1rem } .footer-nav__link:hover {text-decoration: none } .is-open .footer-nav__link>.material-icons {transform: rotate(180deg) } ul.footer-nav__list li {font-size: .875rem; list-style: none; padding: 0 26px } ul.footer-nav__list li a {display: block; padding: 1.5rem 1rem; font-size: .875rem; color: #222; } ul.footer-nav__list li a:hover {text-decoration: none } ul.footer-nav__list li:last-child a {border: 0 } .is-open ul.footer-nav__list li a > .material-icons {transform: rotate(180deg) } .footer-bottom {display: flex; flex-wrap: wrap; justify-content: center; padding: 2rem 1.5rem; background-color: #1a1a1a; color: #fafafa } .footer-bottom .nav-legal {width: 100%; text-align: center } .footer-bottom .nav-legal .menu--legal {display: block; margin: 0 0 1rem; padding: 0; width: 100% } .footer-bottom .nav-legal .menu--legal li {display: inline-flex; font-size: .8125rem; border-right: 1px solid #89898b; padding: 0 .5rem } .footer-bottom .nav-legal .menu--legal li:last-child {border: 0; padding-right: 0;} .footer-bottom .nav-legal .menu--legal li:first-child {padding-left: 0;} .footer-bottom .nav-legal .menu--legal a {padding: 1px; color: #fafafa;} .footer-bottom .nav-legal .menu--legal a:hover {color: #fff;} .footer-bottom .social {display: flex; width: 100%; justify-content: center } .footer-bottom .social .social__list {list-style: none; padding: 0; margin: 0; display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; max-width: 260px } .footer-bottom .social li {background-color: #474747; border-radius: 9999px; height: 34px; width: 34px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 15px 30px } .footer-bottom .social li a {display: block; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center } .footer-bottom .social li a:hover {color: #80c343; text-decoration: none } .footer-bottom .locale {display: flex; justify-content: center; align-items: center; width: 100% } .footer-bottom .locale .material-icons {color: #767676; margin-right: .5rem; font-size: 1.125rem } .footer-bottom .locale:hover .material-icons {text-decoration: none } .footer-bottom .locale .locale__text {font-size: .8125rem; color: #fafafa } .footer-bottom .copyright {font-size: 10px; color: grey; text-align: center; width: 100% } .footer-bottom .copyright p {font-size: .625rem; color: #fff } @media(min-width: 640px) { .footer-bottom .social .social__list {max-width:100% } } @media(min-width: 900px) { .footer-nav {flex-direction:row; flex-wrap: nowrap; justify-content: space-between; padding: 3rem 1.5rem } p.footer-nav__title {font-size:1.25rem; } p.footer-nav__title a {cursor: text;} .footer-nav__item {border:0; padding: 0 } .footer-nav__link {padding:.2rem 0 } .footer-nav__link:hover {text-decoration:underline } ul.footer-nav__list {height:100%; visibility: visible; transform: scaleY(1) } ul.footer-nav__list li {border:0; padding: 0; font-size:.875rem; } ul.footer-nav__list li a {padding:.2rem 0; } ul.footer-nav__list li a:hover {text-decoration:underline; } .footer-nav__caret {display: none; } .footer-bottom .nav-legal {width:50%; text-align: left } .footer-bottom .nav-legal .menu--legal li {font-size:.875rem } .footer-bottom .social {width:50%; justify-content: flex-end } .footer-bottom .social li {margin:0 6px 15px } .footer-bottom .locale {width:50%; justify-content: flex-end } .footer-bottom .locale .locale__text {font-size:.875rem } .footer-bottom .copyright {width:50%; text-align: left } .footer-bottom .copyright p {font-size:.75rem } } @media(max-width: 899px) { .footer-nav__section {flex: 1 1 100%; border-bottom: 1px solid #c9c9c9 } .footer-nav__section:last-child {border: 0;} .footer-nav__link {border-bottom: 1px solid #c9c9c9;} p.footer-nav__title {font-size: 1rem; font-weight: 600; } } <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KR777P" height="0" width="0" style="display:none;visibility:hidden"></iframe>

Acer Answers

Setup Picture-in-Picture (PIP) and Picture-By-Picture (PBP) Mode on Acer V277U

How do I setup my monitor to do picture-in-picture or picture-by-picture?

The Acer V277U allows you to connect two video sources and display them side by side or with a picture-in-picture. This feature will only work if you use one HDMI connection and one DisplayPort connection. It will not work using two HDMI connections. Use the steps below to setup PIP/PBP mode.

Connect the two video sources you want to display using an HDMI connection for one display, and a DisplayPort connection for the other.
Press the Menu button (joystick) on the back of your monitor two times to access the menu.
Use the down option on the joystick to highlight System and press the Menu button to select that option.
Use the down option on the joystick to highlight PIP/PBP and press the Menu button to select it.
Choose your desire PIP/PBP option and press the Menu button to select it.
You can only use audio from one input source. Select the option for Change Audio Source to select the device you want to use for audio.

Note: Your display may be letter boxed (black border around the image) when using PBP mode.