-
Posts
-
Hello,
My client wants their header set up in a unique way.
They want the logo in the center with the menu items on both the left and right.Here are two examples they provided of how they want the header to look.
http://www.arcadia.edu/Here is my website – https://emilyl48.sg-host.com/
I already have a child theme set up.Can you help? Thanks!
Hey edgeofcinema,
Thank you for the inquiry.
You can use the following css code to pull the menu up and create some space between the fourth and fifth menu items.
#top #menu-item-64 { margin-right: 75px; } #top #menu-item-60 { margin-left: 75px; } #top .container.av-logo-container { margin-bottom: -60px; }This may require a few adjustments on smaller devices or screens
Best regards,
Ismaelhere is another way to get it.
Starting point is – header setting: logo left – menu right !the rest with snippet for child-theme functions.php and quick css is all on that page: https://pureinstall.webers-testseite.de/logo-centered/
that method provides a way to have shrinking header too !
_________________
btw. you can do that manually – by inserting the logo as image in your menu ( that is what the script does )
This can be done by inserting the image src code to the Menu Label. – for better selecting that Menu-Item give a custom class to it ( all can be done in Menu Options )
The Rest is quick css – like you find it on that page if you break to hamburger on 989px the min-width media querry had to be adjusted to 990px
- The topic ‘Custom Header – Logo center menu left and right’ is closed to new replies.