[Resolved] Header Element Background Video Mobile Sizing

[Elizabeth]

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!

[Ying]

Hi Liz,

You are missing the } in the end of this CSS:
https://www.screencast.com/t/PEtuRA3xSppN

Let me know 🙂

[Elizabeth]

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;
}

[Elizabeth]

Nevermind, I added the bracket where needed – thanks!

[Ying]

No problem 🙂

[Author]

Posts