the way have set up, once scroll past header section, navbar goes transparent solid color rest of 1 page site. links, styles etc change in function adds/removes css class depending if it's past header or not.
how go swapping new logo though? i'm not sure how change actual element instead of appending css class. it's .png file , when navbar changes color i'd different logo styled differently displayed. also, possible transition changing of logos it's not dramatic jump? in advance.
a way absolutely position 2 images on top of eachother in parent div. have class sets opacity: 1
image on top, transition
, , remove class when scrolling has opacity: 0