Logo size / help with hot spots

Hello. I’m brand new to this theme but I want to say thank you for having such amazing support & documentation! Until I received my login password via e-mail tonight, EVERY SINGLE TIME I entered a search term in google, a post came up in this forum that fixed the issue for me. Mostly quick css entries, which is now pretty long. Anyways, thank you!

On the logo in the header. I do like how it resized when you scroll down, however I have tried everything to get it to display in the size I uploaded it, including the following quick css as well as telling it to display the image at the full size when I uploaded the logo.

.logo a {
height: 156px;
}

.logo {
width: 476px;
height: 156px;
}

Neither of those two worked. I just want my logo to be displayed at 476×156 when it is not shrunken when it is scrolled. A screenshot of the difference:

Then on adding a hotspot to an image on the main page, I have tried adding an image in the hotspot (instead of a number) & it doesn’t add it, it goes through all of the motions of adding it. It lets me select the image but it doesn’t add it to the hotspot info, please see screenshots below. I do click save & also update at the end for the page itself, but no luck. It still displays the blinking 1.

Thanks in advance for your help!