How to add favicon & edit the logo width

Hi,

Apologies in advance if these questions have already been asked.

First, how can I add favicon?

Second, I’m not sure how to explain this properly, but I’ve uploaded my logo (250×36) in the “Customize” section and it looks good on the frontend. However, it appears that I can click on the “logo” without the cursor being on the actual logo, ie: the invisible logo width has extended across the screen. How can I fix this so that cursor/mouse can only click on the logo when it is actually on the logo image? I hope this makes sense.

Thanking you kindly. ??