diff --git a/assets/styles/layouts/_feature-callouts.scss b/assets/styles/layouts/_feature-callouts.scss index 6c99f09ce..ee98192da 100644 --- a/assets/styles/layouts/_feature-callouts.scss +++ b/assets/styles/layouts/_feature-callouts.scss @@ -7,7 +7,6 @@ font-weight: $medium; color: $g20-white; box-shadow: 2px 2px 6px rgba($g2-kevlar, .35); - z-index: 10; // temp styles for animation transition: margin .3s ease-out; @@ -65,3 +64,23 @@ margin-top: 2.5rem } } + +///////////////////////////////// Media Queries //////////////////////////////// + +@include media(small) { + #callout-url-selector { + top: .55rem; + right: 5.15rem; + + p:after { + top: .15rem; + right: -16px; + border-width: 7px 0 7px 8px; + border-color: transparent transparent transparent #C231D9; + } + + &.start-position { + margin-top: 2.5rem + } + } +} diff --git a/layouts/partials/footer/feature-callout.html b/layouts/partials/footer/feature-callout.html index 4509200f9..0c1d5da73 100644 --- a/layouts/partials/footer/feature-callout.html +++ b/layouts/partials/footer/feature-callout.html @@ -1,3 +1,3 @@