Logo Pixelated

Hello,

Coming from another thread, I was having an issue with my logo being cropped. To solve this I followed these directions:

Go to your enigma theme directory and open functions.php file and see line no. 32 and 33 –

‘height’=>55,
‘width’=>150,
Replace it with below code and save the file.

‘height’=>”,
‘width’=>”,
Now go to Dashboard -> Settings -> Media -> now uncheck the “Crop thumbnail to exact dimensions” option and save.

Than upload the fresh image of the logo.

Following these directions, my logo did come up, but it was very small. So using a bigger image, I used a logo that had the dimensions of 2500 px/866 px but it was still small. Following this, I put the following css code in the Custom CSS box:

.logo img {
height: 100px;
width: 352px;
}

while this did make my logo larger, it became very pixelated. Any help is appreciated.

Website: http://outpourstl.com/