Hi there,
We are developing a site where the logo is longer than the Enfold logo.
Using the default logo dimensions of 340px x 156px means that the logo displays too small.
Is it possible to edit the code so that we can increase the width allocated to the logo?
Many thanks,
Andrea
Hey Andrea,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Thanks Victoria. I’ve included the details in the Private Content below. Thanks!
Hi,
To solve your problem, just add these custom CSS code:
.logo img { width: 300px; height: 138px !important; max-height: 138px !important; } .av-logo-container { height: 116px !important; }
Best regards,
John Torvik
Many thanks John!
Just checking – did you mean for the height of the .av-log-container to be 138px?
Hi,
Johns code sets the logo image to 138 pixels height, did that work out for you?
Best regards,
Rikard
Hi Rikard,
Yes it does work thanks – if we set the height of the .av-log-container to the same height as the .logo omg (i.e. it didn’t work at 116px). So, that was the only reason for the query.
But, the logo is now as we wanted, so no worries. Many thanks again for your help!
Andrea
Hi Andrea,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria