diff --git a/themes/vue/layout/partials/vueschool_banner.ejs b/themes/vue/layout/partials/vueschool_banner.ejs
index 0f37b5a6a3..d3011e95fe 100644
--- a/themes/vue/layout/partials/vueschool_banner.ejs
+++ b/themes/vue/layout/partials/vueschool_banner.ejs
@@ -8,10 +8,10 @@
- Get up to 40% off your Vue School Subscription
+ Extended for 48 hours!
- Time Limited Offer
+ Get up to 40% off your Vue School Subscription
diff --git a/themes/vue/source/css/_vueschool.styl b/themes/vue/source/css/_vueschool.styl
index 9bca06b15a..be607647a9 100644
--- a/themes/vue/source/css/_vueschool.styl
+++ b/themes/vue/source/css/_vueschool.styl
@@ -71,6 +71,7 @@ body.has-vs-banner
@media (min-width: 680px)
min-height: $vs-banner-height-desktop
background-image: url(../images/banners/vs-fw-bg.svg)
+ background-position: top right -130px
@media (min-width: 900px)
background-position: top right
position: static
@@ -116,12 +117,10 @@ body.has-vs-banner
color: #FFF
font-size: 14px
font-weight: bold
- width: 170px
@media (min-width: 680px)
font-size: 18px
- width: 220px
- @media (min-width: 1024px)
width: auto
+ @media (min-width: 1024px)
font-size: 24px
strong
color: #fdc722
diff --git a/themes/vue/source/js/common.js b/themes/vue/source/js/common.js
index 3a5244959d..409871e6d2 100644
--- a/themes/vue/source/js/common.js
+++ b/themes/vue/source/js/common.js
@@ -285,8 +285,10 @@
* Banner closing
*/
function initVueSchoolBanner () {
+ const now = new Date()
+ const end = new Date('2022-05-04T00:00:00+02:00')
const banner = document.getElementById('vs')
- if (banner && !localStorage.getItem('VS_FW_BANNER_CLOSED_2')) {
+ if (banner && (now < end) && !localStorage.getItem('VS_FW_BANNER_CLOSED_2')) {
banner.classList.remove('vs-hidden')
document.body.classList.add('has-vs-banner')
document.getElementById('vs-close').addEventListener('click', function (e) {