Logo extending height of nav

Tagged: epik, header, images, logo

This topic has 7 replies, 3 voices, and was last updated 9 years, 8 months ago by Wes.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
July 23, 2014 at 10:30 pm #13241
contactmonkey
Customer
As soon as I add my logo to the header, it extends the height of the header. Any ideas how I can get this back to normal? My logo should be within the header constraints.

http://54.191.31.52
July 24, 2014 at 9:39 am #13244
Eric
Customer
Can you upload your logo so I can examine what happens when the image is uploaded. I can only see text at the moment, and there would need to be a logo there in order to see what the issue is.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
July 24, 2014 at 9:47 pm #13253
contactmonkey
Customer
Hi Eric,

I’ve added the image back. Thanks for taking a look!

Alex
July 25, 2014 at 11:23 am #13258
Wes
Moderator
@contactmonkey I recently answered a similar question that you can take a look at here – https://appfinite.com/topic/resizing-logo/ which should work for your site as well. Let me know if you have any questions or issues getting it fixed.
July 25, 2014 at 12:49 pm #13261
contactmonkey
Customer
Hi Wes,

Thanks for taking a look. It seems to be a bit better now, but the end right bit of my logo is now cut off.

Also, the logo doesn’t seem to be responsive on a mobile device.

Thanks,

Alex
July 25, 2014 at 1:00 pm #13262
contactmonkey
Customer
Hi Wes,

It looks like I’ve fixed my problem by scaling down the size of the logo. However, when the browser window hits 1180px wide, it cuts off the right side of my logo. Is this a padding issue in the nav?

http://tinypic.com/r/jjln46/8

Thanks,

Alex
July 25, 2014 at 1:49 pm #13263
contactmonkey
Customer
Hi Wes,

Sorry for all the questions. I also can’t seem to get the logo to be positioned center in relation to the nav.

Thanks,

Alex
July 25, 2014 at 4:09 pm #13264
Wes
Moderator
If you want to upload a larger logo, you can. Just add this code in your responsive section (in the iPhone or tablet section) and your logo will resize when viewed on smaller browsers –
```
.header-image .site-title a {
    background-size: contain !important;
}
```
We can line it up with the nav, but if you add a larger logo in, the code will have to be changed again. So first add the logo that you want, then let me know once it’s in there and I’ll take a look and tell you what all will need to do. It’s pretty similar to that other link I posted, but the measurements won’t be exact since everyone has a different size logo.
Author

Posts