*

Biswajit Panda

  • ***
  • 23 posts
Problem : "On mobile devices, logo is not shown "
« on: December 26, 2017, 04:51:59 PM »
I want show my logo at on mobile devices , please help me to get resolve the issue

*

MB Themes

Re: Problem : "On mobile devices, logo is not shown "
« Reply #1 on: December 30, 2017, 11:04:02 AM »
@Panda
In file:
oc-content/themes/veronika/header.php

Find line:
Code: [Select]
<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:
Code: [Select]
@media screen and (max-width: 767px) {
Put code:
Code: [Select]
#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  8)
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Biswajit Panda

  • ***
  • 23 posts
Re: Problem : "On mobile devices, logo is not shown "
« Reply #2 on: January 04, 2018, 08:24:55 AM »
issue has been resolved , thanks for your valuable support

*

abhkhan

  • ***
  • 60 posts
Re: Problem : "On mobile devices, logo is not shown "
« Reply #3 on: February 23, 2018, 02:28:43 PM »
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.

*

MB Themes

Re: Problem : "On mobile devices, logo is not shown "
« Reply #4 on: February 23, 2018, 10:52:24 PM »
Ensute to set max-width and max-height to 100% and width, height to auto for img
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

abhkhan

  • ***
  • 60 posts
Re: Problem : "On mobile devices, logo is not shown "
« Reply #5 on: February 24, 2018, 05:46:26 AM »
is not already 100% in above code?

can you please provide me complete code to add?

*

MB Themes

Re: Problem : "On mobile devices, logo is not shown "
« Reply #6 on: February 24, 2018, 09:42:39 AM »
@abhkhan
There is complete code, just do not expect "go to file xy, find line yz and put code zx there).
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Darwazo

  • ***
  • 81 posts
Re: Problem : "On mobile devices, logo is not shown "
« Reply #7 on: April 11, 2019, 12:36:49 AM »
Great !! thank you frosticek

*

Olegs

  • ****
  • 123 posts
Re: Problem : "On mobile devices, logo is not shown "
« Reply #8 on: April 12, 2019, 09:32:10 AM »
Hello, Is it possible to use two different logos? for desktop version one, for mobile version another?

*

MB Themes

Re: Problem : "On mobile devices, logo is not shown "
« Reply #9 on: April 12, 2019, 10:43:29 AM »
@Olegs
You can duplicate logo img in header.php and to one add class is767 (for mobiles) and to other not767 (for other devices)
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

*

Olegs

  • ****
  • 123 posts
Re: Problem : "On mobile devices, logo is not shown "
« Reply #10 on: April 12, 2019, 11:52:16 AM »

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 ?

*

MB Themes

Re: Problem : "On mobile devices, logo is not shown "
« Reply #11 on: April 12, 2019, 02:03:48 PM »
Correct
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots