styled menus in different screen sizes

This commit is contained in:
jorge 2022-12-02 17:56:01 +01:00
parent bd41d7332f
commit 345ac82885
3 changed files with 52 additions and 15 deletions

View File

@ -74,17 +74,11 @@
.current_page_ancestor > a,
.current-menu-ancestor > a {
font-weight: bold;
border-left: 1px solid $color__black;
}
}
.main-navigation {
.current-menu-item::after {
border-bottom: 2px solid #000;
display: block;
content: "";
width: 60%;
margin: 0 20%;
}
}
.secondary-navigation {
padding: 1.5rem 0;
@ -116,11 +110,26 @@
a {
padding: 0 0.5rem;
}
.current_page_item > a,
.current-menu-item > a,
.current_page_ancestor > a,
.current-menu-ancestor > a {
border-left: none;
}
}
.main-navigation {
padding-bottom: 1em;
ul {
justify-content: end;
}
.current-menu-item::after {
display: block;
content: "";
width: 60%;
margin:0 20%;
margin-top: 0.9em;
border-bottom: 2px solid $color__black;
}
}
.secondary-navigation {
}
@ -153,4 +162,11 @@
padding: 0 1rem;
}
}
.main-navigation {
padding-bottom: 0;
.current-menu-item::after {
margin-top: 0.4em;
height: 100%;
}
}
}

View File

@ -832,13 +832,7 @@ textarea {
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a {
font-weight: bold;
}
.main-navigation .current-menu-item::after {
border-bottom: 2px solid #000;
display: block;
content: "";
width: 60%;
margin: 0 20%;
border-left: 1px solid #000;
}
.secondary-navigation {
padding: 1.5rem 0;
@ -867,9 +861,29 @@ textarea {
.main-navigation a, .secondary-navigation a {
padding: 0 0.5rem;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a, .secondary-navigation .current_page_item > a,
.secondary-navigation .current-menu-item > a,
.secondary-navigation .current_page_ancestor > a,
.secondary-navigation .current-menu-ancestor > a {
border-left: none;
}
.main-navigation {
padding-bottom: 1em;
}
.main-navigation ul {
justify-content: end;
}
.main-navigation .current-menu-item::after {
display: block;
content: "";
width: 60%;
margin: 0 20%;
margin-top: 0.9em;
border-bottom: 2px solid #000;
}
}
.site-main .comment-navigation, .site-main
@ -901,6 +915,13 @@ textarea {
.main-navigation a, .secondary-navigation a {
padding: 0 1rem;
}
.main-navigation {
padding-bottom: 0;
}
.main-navigation .current-menu-item::after {
margin-top: 0.4em;
height: 100%;
}
}
/* Posts and pages

File diff suppressed because one or more lines are too long