Fix layout when user is logged in
This commit is contained in:
@@ -18,6 +18,10 @@
|
|||||||
z-index: 5;
|
z-index: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logged-in .menu {
|
||||||
|
top: 37px;
|
||||||
|
}
|
||||||
|
|
||||||
.menu__line {
|
.menu__line {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
|
|||||||
@@ -39,6 +39,10 @@
|
|||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logged-in .nav__content {
|
||||||
|
top: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.nav__title {
|
.nav__title {
|
||||||
font-family: var(--heading-font-family);
|
font-family: var(--heading-font-family);
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<p class="footer__text">© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
|
<p class="footer__text">© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></p>
|
||||||
</footer>
|
</footer>
|
||||||
|
<?php wp_footer() ?>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<nav class="nav" aria-label="Main Navigation">
|
<nav class="nav<?php echo is_user_logged_in() ? ' logged-in' : '' ?>" aria-label="Main Navigation">
|
||||||
<button class="menu">
|
<button class="menu">
|
||||||
<span class="menu__line"></span>
|
<span class="menu__line"></span>
|
||||||
<span class="menu__line"></span>
|
<span class="menu__line"></span>
|
||||||
|
|||||||
Reference in New Issue
Block a user