Hi Sakin –
Thanks for the quick reply! Actually, the desired result for me would be just the opposite – I would like the smaller logo to appear on mobile so that the header doesn’t cover up my slideshow at the top on the mobile phone or on smaller screens. What seems to be happening as that having the larger logo the header doesn’t retract properly on scroll up. Would you be able to test now on a device? I have added the code above.