diff --git a/packages/asc-web-components/submenu/styled-submenu.js b/packages/asc-web-components/submenu/styled-submenu.js index a676842283..399a79cc9d 100644 --- a/packages/asc-web-components/submenu/styled-submenu.js +++ b/packages/asc-web-components/submenu/styled-submenu.js @@ -1,6 +1,7 @@ -import styled from "styled-components"; +import styled, { css } from "styled-components"; import { tablet } from "../utils/device"; +import { isMobileOnly } from "react-device-detect"; export const StyledSubmenu = styled.div` display: flex; @@ -24,6 +25,13 @@ export const StyledSubmenu = styled.div` z-index: 1; } + ${isMobileOnly && + css` + .sticky { + top: 52px; + } + `} + .sticky-indent { height: 15px; }