Problem with logo size

Question

Here is the website:
https://redpinewebdesign.com/

Here is the code:


	[
![attachment](img/logo/color-logo.png)
](index.html)
	[
![attachment](img/logo/color-logo.png)
](index.html)

.retina-logo {
    height: 40px;
}

.standard-logo {
    height: 40px;
}

The problem:

I initially had only the retina-logo, but if I only use that, it won't appear on some computers (certain types of Macs?). So, I added standard-logo and now it appears. The problem is the standard-logo is massive. I am using the same images as retina-logo and even changed it to the same CSS size, as shown, but it's still too big!

Also, another small problem is that sometimes there is a white line that appears horizontally in the middle of the header when transparent.

SemiColonWeb · Accepted Answer

Hello, Since there is a Pre Defined Size of the Header, the Logo gets resized according that. Simply add the Class to the Tag and then your applied Logo Size of will work fine. Additionally, you will need to remove the Class from the Tag in order to remove the Borders. Simply consider using the following code: [ch pre] About Us Contact Us [/ch pre] This should definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.