Archived topic
Custom Header
5 replies · Started by Stefano on October 27, 2022
Viewing posts 1–6 of 6
Hi, I am trying to split the header into 3 columns (logo, menu-1 and menu-2) using menu widgets but I have a css problem.
How can I horizontally align menu-1 and menu-2?
Thanks
Stefano
Hi there,
before we get into that - you do realise that those Widgets are not responsive ? So there won't be hamburger menu on mobile.
Is that what you want ?
Yes certainly.
From mobile I don't make them visible. I need to use these widgets only from desktop.
Try this CSS:
.header-widget ul.menu {
display: flex;
column-gap: 20px
}
.header-widget .widget_nav_menu:first-child {
margin: auto;
}Thanks as always for the support :)
Glad to be of help
This archived topic is closed to new replies.
