diff --git a/src/.vuepress/theme/components/BannerTop.vue b/src/.vuepress/theme/components/BannerTop.vue index 53010d5539..6e18821d4a 100644 --- a/src/.vuepress/theme/components/BannerTop.vue +++ b/src/.vuepress/theme/components/BannerTop.vue @@ -11,7 +11,7 @@ Backpack
- Less than 48 hours left for the Vue School offer + Extended! Last few hours for the Vue School offer
GET ACCESS @@ -72,7 +72,7 @@ $topBannerHeightMobile ?= 3.125rem .vs-logo position: absolute display: none - left: 40px + left: 20px @media (min-width: 900px) display: block @@ -85,10 +85,12 @@ $topBannerHeightMobile ?= 3.125rem position: absolute @media (min-width: 680px) position: static - margin-right: 14px + margin-right: 4px img height: 50px @media (min-width: 680px) + height: 56px + @media (min-width: 900px) height: 74px .vs-slogan @@ -154,14 +156,12 @@ $topBannerHeightMobile ?= 3.125rem // Adjust titles margin and padding for anchor links .theme-container.has-top-banner - {$contentClass}:not(.custom) - h1, h2, h3, h4, h5, h6 - margin-top (0.5rem - $topBannerHeight - $navbarHeight) - padding-top ($navbarHeight + $topBannerHeight + 1rem) -@media (min-width: 680px) - .theme-container.has-top-banner - {$contentClass}:not(.custom) - h1, h2, h3, h4, h5, h6 - margin-top (0.5rem - $topBannerHeightMobile - $navbarHeight) - padding-top ($navbarHeight + $topBannerHeightMobile + 1rem) + {$contentClass}:not(.custom) > h1, + {$contentClass}:not(.custom) > h2, + {$contentClass}:not(.custom) > h3 + margin-top (0.5rem - $navbarHeight - $topBannerHeightMobile) + padding-top ($navbarHeight + 1rem + $topBannerHeightMobile) + @media (min-width: 680px) + margin-top (0.5rem - $navbarHeight - $topBannerHeight) + padding-top ($navbarHeight + 1rem + $topBannerHeight)