Archived topic
Navigation border padding
3 replies · Started by Or on June 2, 2021
Viewing posts 1–4 of 4
I've added a border to my navigation using this code:
.main-navigation {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
On mobile, I'm only showing the search and menu icons, and the space between them and the borders seems to be larger than on tablets and desktops. Is there a way to reduce this space?
Hi there,
go to Customizer > Layout > Primary Navigation - switch to mobile view and reduce the: Menu Item Height
The borders - theres not difference in CSS for mobile, i think its just an optical thing where there is less content and more whitespace.
You were right, the menu item height was different. Now it looks good. Thank you :)
Glad to be of help
This archived topic is closed to new replies.
