diff --git a/packages/gitbook/src/components/Header/Header.tsx b/packages/gitbook/src/components/Header/Header.tsx index b2688b9e3c..bc4adcfc5c 100644 --- a/packages/gitbook/src/components/Header/Header.tsx +++ b/packages/gitbook/src/components/Header/Header.tsx @@ -37,8 +37,6 @@ export function Header(props: { const hasSiteSections = sections && sections.list.length > 1; const isMultiVariants = site && spaces.length > 1; - // customization.header.links = customization.header.links.slice(0,4); - return (
:nth-child(n + 5) { - display: none; - } - .containerHeaderlinks > :nth-child(n + 5) ~ .linkEllipsis { - display: flex; - & div > a:nth-of-type(n + 6) { - display: flex; - } - } -} - -@media (max-width: 1535px) { - .containerHeaderlinks > :nth-child(n + 6) { - display: none; - } - .containerHeaderlinks > :nth-child(n + 6) ~ .linkEllipsis { - display: flex; - & div > a:nth-of-type(n + 6) { - display: flex; - } - } -} */ - -/* @media (max-width: 1024px) { - .containerHeaderlinks > :nth-child(n + 4) { - display: none; - } - .containerHeaderlinks > :nth-child(n + 4) ~ .linkEllipsis { - display: flex; - & div > a:nth-of-type(n + 4) { - display: flex; - } - } -} - -@media (max-width: 1280px) { - .containerHeaderlinks > :nth-child(n + 5) { - display: none; - } - .containerHeaderlinks > :nth-child(n + 5) ~ .linkEllipsis { - display: flex; - & div > a:nth-of-type(n + 5) { - display: flex; - } - } -} - -@media (max-width: 1536px) { - .containerHeaderlinks > :nth-child(n + 6) { - display: none; - } - .containerHeaderlinks > :nth-child(n + 6) ~ .linkEllipsis { - display: flex; - & div > a:nth-of-type(n + 6) { - display: flex; - } - } -} */ - @container headerlinks ( width < 150px ) { .containerHeaderlinks > :nth-child(n + 1) { display: none;