diff --git a/src/components/Feed/ArticleCard.module.scss b/src/components/Feed/ArticleCard.module.scss index b7761634..5e986a2e 100644 --- a/src/components/Feed/ArticleCard.module.scss +++ b/src/components/Feed/ArticleCard.module.scss @@ -699,11 +699,11 @@ .shoutCardShort { font-size: 1.4rem; margin-bottom: 0; + position: static; .shoutCardTitle, .shoutCardSubtitle { @include font-size(1.8rem); - display: inline; } diff --git a/src/components/Feed/Beside.module.scss b/src/components/Feed/Beside.module.scss index b26d4395..56b409fe 100644 --- a/src/components/Feed/Beside.module.scss +++ b/src/components/Feed/Beside.module.scss @@ -25,6 +25,7 @@ line-height: 1; margin-bottom: 1.5rem; padding-bottom: 1.5rem; + position: relative; &:last-child { border: none; diff --git a/src/components/Nav/Header/Header.module.scss b/src/components/Nav/Header/Header.module.scss index c69c9908..51b57c51 100644 --- a/src/components/Nav/Header/Header.module.scss +++ b/src/components/Nav/Header/Header.module.scss @@ -127,7 +127,6 @@ font-size: 1.4rem !important; //margin: 0 0 0 -0.4rem !important; opacity: 1; - overflow: auto; transition: opacity 0.3s; @include media-breakpoint-down(md) { @@ -137,6 +136,7 @@ font-size: 2.6rem; font-weight: 500; left: 0; + overflow: auto; padding: $container-padding-x !important; position: fixed; top: 64px; diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx index 3c3acd21..f3e8585f 100644 --- a/src/components/Nav/Header/Header.tsx +++ b/src/components/Nav/Header/Header.tsx @@ -382,6 +382,15 @@ export const Header = (props: Props) => { onMouseOut={hideSubnavigation} >