diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss index 2ebaadb..79f172d 100644 --- a/assets/stylesheets/template/modules/ad_banner.scss +++ b/assets/stylesheets/template/modules/ad_banner.scss @@ -14,43 +14,27 @@ margin-top: 8em; } } -.ba-banner-widget-youtube { +.ba-banner-widget-youtube{ overflow: hidden; - height: auto !important; - .w-ad-banner__caption_text{ - display: none!important; - } - .banner-overlay{ - visibility: visible!important; - } - iframe { - @media(min-width: 1025px) { + iframe{ + @media(min-width:1025px){ position: absolute; - top: -15vw; + top: -180px; left: 0; width: 100%; - height: calc(100% + 11vw); + height: calc(100% + 215px); } } - - .w-ba-banner__wrap { - overflow: hidden; - position: relative; - - // ✅ 固定顯示區域高度,超出的底部黑條就被裁切 - @media(min-width: 1025px) { - height: 40vw !important; + .jarallax-video-audio{ + @media(min-width:769px){ + top: 7em; } } - - .jarallax-video-audio { - @media(min-width: 769px) { - top: 7em; - } + .w-ba-banner__wrap{ + height: auto !important; } - - .banner-overlay { - @media(max-width: 768px) { + .banner-overlay{ + @media(max-width:768px){ position: relative; } } @@ -306,16 +290,10 @@ ul.button-mid{ } // Widget 0 .ba-banner-widget-0 { - @media(max-width:768px){ - height: 30vh !important; - .w-ba-banner__wrap{ - height: 30vh !important; - } - } - height: 50vh; + height: 70vh !important; z-index: 0; .w-ba-banner__wrap{ - height: 50vh; + height: 70vh !important; } .youtube, .cycle-youtube { width: 100%; @@ -345,7 +323,7 @@ ul.button-mid{ // text-shadow: 1px 1px 1px #0000008c; } img{ - // position: fixed; + position: fixed; top:0; left: 0; @media(max-width: 1500px){