diff --git a/src/Header.jsx b/src/Header.jsx index ee75d5371..3ece47e90 100644 --- a/src/Header.jsx +++ b/src/Header.jsx @@ -85,7 +85,7 @@ function Header({ intl }) { username: authenticatedUser !== null ? authenticatedUser.username : null, avatar: authenticatedUser !== null ? authenticatedUser.avatar : null, mainMenu: getConfig().LOGISTRATION_MINIMAL_HEADER ? [] : mainMenu, - userMenu, + userMenu: getConfig().LOGISTRATION_MINIMAL_HEADER ? [] : userMenu, loggedOutItems: getConfig().LOGISTRATION_MINIMAL_HEADER ? [] : loggedOutItems, }; diff --git a/src/MobileHeader.jsx b/src/MobileHeader.jsx index ffcdf014d..c465c8c78 100644 --- a/src/MobileHeader.jsx +++ b/src/MobileHeader.jsx @@ -91,6 +91,8 @@ class MobileHeader extends React.Component { stickyOnMobile, intl, mainMenu, + userMenu, + loggedOutItems, } = this.props; const logoProps = { src: logo, alt: logoAltText, href: logoDestination }; const stickyClassName = stickyOnMobile ? 'sticky-top' : ''; @@ -125,19 +127,21 @@ class MobileHeader extends React.Component { { logoDestination === null ? : }
- - - - - - {loggedIn ? this.renderUserMenuItems() : this.renderLoggedOutItems()} - - + {userMenu.length > 0 || loggedOutItems.length > 0 ? ( + + + + + + {loggedIn ? this.renderUserMenuItems() : this.renderLoggedOutItems()} + + + ) : null}
); diff --git a/src/index.scss b/src/index.scss index 497147e6d..637163c7f 100644 --- a/src/index.scss +++ b/src/index.scss @@ -32,6 +32,8 @@ $white: #fff; } .site-header-mobile { + height: 3rem; + .nav-link { text-decoration: none; cursor: pointer;