Greetings Team,
My logo is 340px wide x 42px high. It is currently not centered aligned on the header ( i.e. not at the same line as the menu)
When scrolling down the header shrinks perfectly and the logo is then aligned with the menu (Shrinking Header is ticked under Enfold Child Theme options>Header Behavior)
How can I have the logo vertically aligned with the menu so they are both showing on the same line please?
(Have tried to create a logo which is 340x156px but that displayed very small when uploaded)
Thanks,
ofekw
Hey ofekw,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
#top #header .logo a {
display: flex;
align-items: center;
}
Hope this helps :)
Best regards,
Nikko
Thanks Nikko,
Works perfectly!
Much appreciated,
ofekw
Hi ofekw,
Glad we could help! Thanks for using Enfold :)
Best regards,
Nikko