Missing Detail Between Two Sites

I’ve stumped myself on this one and spent too much time trying to figure it out.

I built out a demo of the Moesia theme on my personal hosting account (http://mcc.cstout.co) and we really liked how it was starting to look so I bought dedicated hosting for this site. (http://mountaincity.co)

I installed the theme and all the same plugins. I copied over the same Custom CSS additions and matched all the theme customization settings. I compared every php file and the style.css and everything is identical…but there’s some missing detail. On iPhone and iPad the mcc.cstout.co site resizes the logo area perfectly. On the new dedicated site the menu bar appears to be too high or the header area is too small.

I really can’t pinpoint what’s missing between the two but I feel like I’m losing my mind over it at this point. Any help is greatly appreciated. Thank you so much.

Your header image is different, therefore is resizes differently. The one from your test site is 1920x1079 and the other is 1920x651.

Thank you so much for pointing that out. The issue was a “small screen header image” was selected on the new site and not the old. I removed the small screen header image and only used the main header image and everything resized properly. Thanks again!