Logo Size & Color Problem

[OrcunBaslak]

Hello,

I have problems regarding the logo.

1) The logo color displays differently in different browsers.

http://s27.postimg.org/3us71p803/Logo_Color_Issue.png

2) Logo does not display properly on mobile devices

http://s27.postimg.org/dbi08brur/i_Phone_Screen_Logo.png (iPhone)

http://s27.postimg.org/o4u3ukyir/i_Pad_Screen_Logo.png (iPad)

This is my CSS Codes section right now.

<pre class=”brush: css; gutter: true; first-line: 1; highlight: []; html-script: false”>

.fluid-articles li .post-info h4 {text-transform:none;}

.responsive-logo{background-size:180px auto;}

h1.logo a {
background-image: url(http://orcun.baslak.com/wp-content/uploads/2013/06/logo6.jpg);
}

h1.logo {margin-top:15px;}

[FocuxTheme Support]

Hi

1. The screenshot is too small so that I can’t see what’s difference between those browsers.
2. You can leave me your wp login details here with private reply, it’s a small CSS bug, I need to modify the file with theme editor.

Thanks

[OrcunBaslak]

Hello Jhonny,

1 – The screenshot is quite huge actually. Are you sure you are clicking the correct link ? http://s27.postimg.org/3us71p803/Logo_Color_Issue.png

2 – I can edit the file If you share what needs to be edited. If you still need access, I can give no problem.

[FocuxTheme Support]

1. I’m not sure, I just clicked your link and it shows as this screenshot https://www.dropbox.com/s/qkeho8cjtrfiw2q/20140919005237.jpg?dl=0

2. Try to edit /functions/admin-functions.php file, find the following code about at line 91

if(isset($OLDCAR_VAN['high_mobile_logo']) && $OLDCAR_VAN['high_mobile_logo'] <> ''){
		                  $custom_css.='body .responsive-logo {background-size:auto 100%;background: url('.$OLDCAR_VAN['high_mobile_logo'].') no-repeat;}'.PHP_EOL;
		                } 

Change to

if(isset($OLDCAR_VAN['high_mobile_logo']) && $OLDCAR_VAN['high_mobile_logo'] <> ''){
		                  $custom_css.='body .responsive-logo {background: url('.$OLDCAR_VAN['high_mobile_logo'].') no-repeat;background-size:90% auto;}'.PHP_EOL;
		                } 

[OrcunBaslak]

Hello Jhonny,

%70 worked better so I made it that way.

Regarding logo; can you please check this URL out ?

Thanks..

http://imgur.com/Vq13kNk

[FocuxTheme Support]

I see.

I think the best solution is make your LOGO to be an transparent background png image.

[Author]

Posts