How to insert logo into menu bar(mobile version)

Is there a way to replace the title to fit with a logo of brand in the menu nav bar in mobile mode?

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

.off-logo-box .off-logo * {
  display: none;
}

.off-logo-box .off-logo {
  display: block;
  width: 100%; 
  height: 110px;
  background-image: url('https://yoursite.com/path/to/logo-image.png');
  background-width: contain;
  background-position: top center;
  background-repeat: no-repeat;
}

Replace https://yoursite.com/path/to/logo-image.png with your logo image’s URL address. You would adjust the width and height value to match your logo’s height.

I hope this reply helps.

Regards,
Kharis