Hey,
My logo automatically aligns at the top of the header but i want it to center just
like the links. I’m not talking about the Header style or position. I’m talking about
the vertical alignment of the logo inside of the header.
Thanks!
With kind regards,
Sam van Delft
Hey samvandelft,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi,
I have added the below CSS to enfold > General Styling > Quick CSS
.logo img {
top: 50%;
transform: translateY(-50%);
}
Please clear the cache and review the site :)
Best regards,
Vinay
Thanks but on mobile it doesn’t look good
and on my homepage (transparant), it also won’t work
Hi,
I have replaced the previous code with the below snippet:
@media only screen and (min-width:767px) {
.logo img {
padding-top: 14px;
}}
For testing purpose, I have disabled CSS and JS merging options from Enfold theme options > Performance once everything is ok you can enable it.
there is a .test class added in the Quick CSS section. I’m not sure if that is supposed to be there and is causing an issue so I have commented it out.
Best regards,
Vinay
Hi Vinay,
Thanks a lot man! You’re awesome.
You can close the ticket, Thanks!!
Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
Don’t forget to bookmark Enfold Documentation for future reference.
Thank you for using Enfold :)
Best regards,
Vinay