Archived topic
Menu button on mobile screens
1 reply · Started by Павло on August 31, 2021
Hello!
Today I noticed that when using the logo and the search function, the menu button on small smartphone screens shifts to the bottom https://prnt.sc/1qvfj4b. When you disable the search function, the menu button is displayed correctly - on the right. My site is https://malynevskyi.com/. For the test, I used the site http://mobiletest.me/iphone_5_emulator Tell me, is there a solution to this problem and should we expect it to be fixed in the next updates?
Respectfully yours, Pavel
Hi there,
the issue is because your logo occupies too much room for the search and hamburger to fit in line.
Simplest option is to reduce the size of the logo. As it only affects the smallest of device screens we can do this with a little CSS:
@media(max-width: 360px) {
#mobile-header .site-logo.mobile-header-logo img {
height: 56px;
}
}