Archived topic
Header layout as seen on mobile - having difficulties
1 reply · Started by Derek on June 2, 2022
Hi,
I have 3 issues I would like resolved in regards to the header, please.
I find that on mobile, my logo is very small. Is there a way of making it larger?
Also, the menu shows on the right with the 3 lines and "MENU" beside it. Is there a way to remove the word "MENU"?
Thirdly, can I easily add a magnifying glass in the center for the search function?
I have seen this done on someone else's site who uses the basic generate press theme so I'm sure this is easily done.
Hi Derek,
1. The size of the Logo on mobile adjusts correspondingly along when you edit the Menu Item Height in Appearance > Customize > Layout > Primary Navigation. Can you try modifying the Menu Item Height with the view set to mobile?
You can also try modifying it through Custom CSS. Here’s a CSS you may try adding in Appearance > Customize > Additional CSS:
.inside-navigation .site-logo.mobile-header-logo img.is-logo-image {
height: 60px;
}2. In Appearance > Customize > Layout > Primary Navigation, remove the mobile menu label.
3. Enable Navigation search in Appearance > Customize > Layout > Primary Navigation. Then, modify the menu item width on mobile view.
Hope this helps!
