Dear Support,

Kindly advice on how to add the company logo in the mobile view or version of the page.

Instead of the text "mySite.com", we replace with our small logo.

Mobile view below;
https://mb-themes.com/209-thickbox_default/veronika-osclass-flat-premium-theme-full-responsive-live-search.jpg

Thanks in advance.

Interesting! Is posibile to do death but we don't know how, in the Veronika theme you can only put logo in desktop view, we don't have in theme option to put logo in mobile view, only text logo. How can we arrange that?

@wifimasters
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:
<?php echo osc_get_preference('logo_text', 'veronika_theme'); ?>
With your logo, like:
<img src="http://www.mysite.com/mylogo.jpg"/>
you may need to update css styles according to this change

Thanks @Frosticek, will try this and get back to you.

@frosticek

please provide the css code to automatically adjust the image in the mobile version referring to the id!


id=header-bar

@Leandro
width:auto;max-width:100%; ?

But when you say, add the CSS code, you mean to add it in the last line of the style. css file or do I have to look for the line you say?
 

@frosticek

When I put a logo on the mobile version, it doubles in the desktop version ...

@Leandro
Well you need to fix it via css to hide it on desktop.

@frosticek
how to proceed with the code via css to block the duplicity of the logo

@Leandro
Use google.
https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Simply, Just use a responsive logo of the theme.
you will not need to use any CSS code.

 

Simply, Just use a responsive logo of the theme.
you will not need to use any CSS code.

 

Please can you screenshot how you arrange your own code so i can do it like that pls i dint get it

Simply, Just use a responsive logo of the theme.
you will not need to use any CSS code.

 

very easy


<div class="left-block">
      <div class="logo is767">
        <a class="resp-logo" href="<?php echo osc_base_url(); ?>"><?php echo logo_header(); ?></a>
      </div>