I want show my logo at on mobile devices , please help me to get resolve the issue

@Panda
In file:
oc-content/themes/veronika/header.php

Find line:
<a class="logo-text is767" href="<?php echo osc_base_url(); ?>"><span><?php echo osc_get_preference('logo_text', 'veronika_theme'); ?></span></a>
Replace it with:
<a class="logo-text is767" href="<?php echo osc_base_url(); ?>"><span><?php echo logo_header(); ?></span></a>


Now go to file:
oc-content/themes/veronika/css/responsive.css

Bellow this line:
@media screen and (max-width: 767px) {
Put code:
#header-bar .left-block { margin: 5px 0 5px 5px!important;}
#header-bar .logo-text {height:40px!important;position:relative;}
#header-bar .logo-text img {width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: -50%; left: -50%; bottom: -50%; right: -50%;}

Logo should be shown 

issue has been resolved , thanks for your valuable support

What to do if I want to use a different logo for mobile.

because I tried above code but it is showing half logo but on desktop view it is complete.

Ensute to set max-width and max-height to 100% and width, height to auto for img

is not already 100% in above code?

can you please provide me complete code to add?

@abhkhan
There is complete code, just do not expect "go to file xy, find line yz and put code zx there).

Great !! thank you frosticek

Hello, Is it possible to use two different logos? for desktop version one, for mobile version another?

@Olegs
You can duplicate logo img in header.php and to one add class is767 (for mobiles) and to other not767 (for other devices)

we need to edit this line ?

<a class="logo-text is767" href="<?php echo osc_base_url(); ?>"><span><?php echo logo_header(); ?></span></a>

for example logo name is logo-mob.png
can you provide correct code ?

Correct