diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius index 4c2369697..ad9fe2301 100644 --- a/templates/default-layout.lucius +++ b/templates/default-layout.lucius @@ -17,7 +17,7 @@ /* DIMENSIONS */ --header-height: 100px; - --header-height-collapsed: 50px; + --header-height-collapsed: 60px; } * { @@ -124,7 +124,7 @@ h1, h2, h3, h4, h5 { } h1 { font-size: 32px; - margin: 20px 0 10px; + margin-bottom: 10px; } h2 { font-size: 24px; @@ -210,14 +210,14 @@ h4 { @media (max-width: 768px) { .main__content-body { - padding: 10px 20px 60px; + padding: 0 20px 60px; } } @media (max-width: 425px) { .main__content-body { - padding: 10px; + padding: 0 10px 60px; } } diff --git a/templates/widgets/breadcrumbs.lucius b/templates/widgets/breadcrumbs.lucius index 7f727d302..e89634895 100644 --- a/templates/widgets/breadcrumbs.lucius +++ b/templates/widgets/breadcrumbs.lucius @@ -3,6 +3,7 @@ color: var(--color-font); margin-left: 40px; margin-top: 25px; + margin-bottom: 10px; } @media (max-width: 768px) { @@ -12,6 +13,13 @@ } } +@media (max-width: 425px) { + + .breadcrumbs__container { + margin-left: 10px; + } +} + .breadcrumbs__link { &:hover {