Mobile logo problem

Posted in: Newsmag
Post count: 207

Hello,

For my site http://velikotarnovo.com, I have created a logo for when the site is displayed on a mobile device (phone). Its size is 230 x 90 pixels as recommended on you CMS. The file is here: http://velikotarnovo.com/wp-content/uploads/2016/11/logo-m.png

Why is it that the logo is distorted when the site is accessed via mobile devices?

I do not have the same problem with the mobile logo for my other site http://pavlikeni.com.

Thanks.

  • This topic was modified 9 years by Afterglow.
Post count: 23312

Hello,

I have inspected your website, and I saw that you have some additional customizations to your logo a mobile, as you can see here -> http://screencast.com/t/25W5QAgV8Sg Please try to revert the theme to the default state, clear all your caches and check the results. Your logo on mobile should look like this -> http://screencast.com/t/0jXhSklpKxt

Thanks for your understanding!

  • This reply was modified 7 years by Radu.
Post count: 207

Thanks, but how do I do that?

Post count: 23312

Hello,

You should check your custom CSS area and you should erase from there the code which gives the width:75% value for your logo on mobile. Also, you can use the following code to cancel this effect.

The code is ->

@media (max-width: 768px){
.td-main-menu-logo img {
width: initial!important;
}

Also, please notice that this type of effect can appear from your untested plugins if you are using something like that. Try to disable all of them, clear all your caches, leave just Visual Composer to active and install only the plugins that come bundled with theme and rule out any conflicting plugins.

Thanks for your understanding!

Post count: 207

Thank you, the code you provided helped.

Peter

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.