Different Logo on Mobile

Hi there! I am so happy with your Travelify, it’s beautiful!

My problem though is that I just can’t figure out how to use 2 different logos for desktop and mobile use.
Right now, in the header it shows the logo I’d like to use mobile only.
here’s the website PW: PKG_hide

Thank you sooo much in advance!

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the mobile logo by going to Appearance > Customize > Additional CSS and pasting it there.

/*Change mobile logo*/
@media only screen and (max-width: 480px) {
#site-title a img {
background: url('path-to-mobile-logo') no-repeat 0 0;


Best Regards,