diff --git a/assets/css/_core/_media.scss b/assets/css/_core/_media.scss index 7ef1fd7..824a491 100644 --- a/assets/css/_core/_media.scss +++ b/assets/css/_core/_media.scss @@ -11,6 +11,12 @@ /* iPads (portrait) ----------- */ @media only screen and (max-width: 1080px) { + .navbar { + .navbar-container { + margin: 0 2rem; + } + } + .post-warp { max-width: 80%; @@ -24,7 +30,7 @@ } } -@media only screen and (max-width: 400px) { +@media only screen and (max-width: 480px) { .navbar { display: none; } diff --git a/assets/css/_partial/_navbar.scss b/assets/css/_partial/_navbar.scss index 1a88b2b..ca90d14 100644 --- a/assets/css/_partial/_navbar.scss +++ b/assets/css/_partial/_navbar.scss @@ -13,9 +13,8 @@ .navbar-container { width: auto; - max-width: 1200px; text-align: center; - margin: 0 auto; + margin: 0 6rem; display: flex; justify-content: space-between;