Hello,
Sorry the subject was already seen several times but I can not found the right code for me.
And secondly, sorry for my english, I’m French and uses Google translation ^ ^
My website: http://ecoledesvalettes.fr/
In the Quick CSS I have half this code:
. title_container {
display: none;
}
So that’s good because I do not want to have the title container.
So as indicate in the subject, I will wish to put my logo in the middle above the navigation.
My logo is 454x246px.
Thank you for your help!
Laure
Hi Laure!
Please add following code to Quick CSS in Enfold theme options under Styling tab
div .logo { left: 42%; }
.main_menu { right: 32%; }
.social_header #header_main .container, .main_menu ul:first-child > li > a {
height: 160px!important;
line-height: 230px!important;
}
You may need to adjust the values to center it perfectly
Regards,
Yigit
Thank you very much Yigit !
Almost there … should the logo a little bigger (original size).
And now the menu switches to slide over?
Look I made the change : http://ecoledesvalettes.fr/
Thank you again.
Laure
Hey!
When i checked your website header was non-fixed. It is tricky to have logo and main menu centered on fixed header. So i suggest you using a non-fixed one if you need them to have centered. Please refer to this post here and change the height to 160px https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
Cheers!
Yigit
Hi,
I am trying this as well, and mine doesn’t seem to work as perfectly
Thank you so much Yigit for all you do!
Good evening ^ ^
Laure