Would you like to have a mobile header with logo like this?
As you can see you can have a mobile header, but when you scroll the logo will show in the navigation.
To achieve this add code below to extra.less template:
/* [cXF] Mobile logo header */
@media (max-width: @xf-responsiveMedium) {...