Hello!
I have recently changed the transparent logo in the header of my homepage.
Inspite of the image measuring 2325×401 pixels (bigger than the previous one), it appears in very small dimensions.
I cannot understand what I am doing wrong.
Can you help?
Thank you and best regards,
Elena
PS I include admin credentials in case you need to access the backend
Hey Elena,
Thank you for the link to your site, I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#header.av_header_transparency .logo img {
width: 400px;
}
#header.av_header_transparency .logo>a>img {
visibility: hidden;
}
Please clear your browser cache and check.
Feel free to change the 400px to the size you wish.
Best regards,
Mike
Hey Mike,
thank you very much. I like it that way!
One question: how can I make the non-trasparency logo the same size?
Right now, when I scroll the page down and the header switches to non trasparent, the logo appears bigger.
Best regards,
Elena
Hi,
Glad this helped, your non trasparent, the logo is 522px, do you want to change the css above from 400px to 522px so they match?
Best regards,
Mike
Hello,
I have given it a try and it feels a bit too big. If possible I would make the non transparent smaller. Maybe both somewhere inbetween, like 450.
Thank you.
Best regards,
Elena
Hi,
I have adjusted it so both are 450px, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
thank you so much. That’s perfect!
Best regards,
Elena
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike