Archived topic
Reduce space on mobile view between logo and hamburger menu
3 replies · Started by Rudy Vaughn on September 17, 2017
Viewing posts 1–4 of 4
Hi,
Can you tell me how to reduce the space between the logo and the hamburger menu in mobile view on my dev site?
Thanks!
Hi,
Try adding this CSS:
@media (max-width: 768px) {
.inside-header>:not(:last-child) {
margin-bottom: 0;
}
}Remove this CSS you've added:
@media (max-width: 480px) {
#site-navigation .menu-toggle {
height: 75px !important;
}
}Then reduce the Menu Item Height for mobile by using the toggle:
https://docs.generatepress.com/article/menu-item-height-width/#height
Perfect. Thanks Leo!
You're welcome!
This archived topic is closed to new replies.
