diff --git a/lbrytv/component/ads.jsx b/lbrytv/component/ads.jsx index d5e584ce3..aeb7869bb 100644 --- a/lbrytv/component/ads.jsx +++ b/lbrytv/component/ads.jsx @@ -35,7 +35,7 @@ function Ads(props: Props) { js.className = n; js.src = 'https://stream.playbuzz.com/player/62d1eb10-e362-4873-99ed-c64a4052b43b'; // $FlowFixMe - fjs.parentNode.inmodifiedUrlQuerysertBefore(js, fjs); + fjs.parentNode.insertBefore(js, fjs); } catch (e) {} } }, [type]); diff --git a/ui/scss/component/_ads.scss b/ui/scss/component/_ads.scss index d21571c00..9a288bc30 100644 --- a/ui/scss/component/_ads.scss +++ b/ui/scss/component/_ads.scss @@ -23,7 +23,7 @@ display: flex; > div { - width: 50%; + width: 40%; position: relative !important; } @@ -31,10 +31,12 @@ z-index: 1 !important; } - .pbs__player.pb-stream-sticky-on { - position: relative !important; - z-index: 1 !important; - margin-top: -140px !important; + @media (max-width: $breakpoint-small) { + flex-direction: column; + + > div { + width: 100%; + } } } @@ -43,6 +45,10 @@ flex-direction: column; justify-content: center; padding-left: var(--spacing-large); + + @media (max-width: $breakpoint-small) { + padding-left: 0; + } } .ads__claim-text--small {