Archived topic
Header Element Background Video Mobile Sizing
4 replies · Started by Elizabeth on June 5, 2021
Hi amazing GP team! I'm working on a site and followed Tom's instructions for inserting a background video into a Header Element which works great. However, it's doing some funny sizing things when viewed on Mobile, and dropping the text below etc. Can you please take a look and let me know what I need to do to fix it? TIA!
Hi Liz,
You are missing the } in the end of this CSS:
https://www.screencast.com/t/PEtuRA3xSppN
Let me know :)
Hi Ying, mine looks exactly like what you show in the box; am I supposed to add an additional bracket somewhere?
@media(min-width: 900px) {
.page-hero + #page {
margin-top: -80px;
}
.page-hero {
z-index: -1;
}
Nevermind, I added the bracket where needed - thanks!
No problem :)
