Logo stopped showing on Header

[cteq1]

I am trying to setup a website using noanet theme (https://babia.to/resources/noanet-internet-provider-and-digital-network-wordpress-theme.4464/) I uploaded logo and it showed up no issues. then I started to modify the slides. after saving I tried to preview the site, no logo. I re-uploaded logo but still dont show up

Anyone know how I can get it back? Please try to be easy in explanation as I am new and still learning. site is https:// worldiptv.tk

 

[OzatuZana]

Three reasons

1. Image is to big or small
2. Jet pack or other image plugins you may have used
3. Edited some codes

 

[india220]

site link?

 

[OzatuZana]

site link?

https://worldiptv.tk/

 

[india220]

https://worldiptv.tk/wp-content/themes/noanet/images/mobile-logo.png

https://worldiptv.tk/wp-content/uploads/2019/08/worldtv-logo.gif

please upload the logo through cpanel on above location.. mobile logo showing noanet & main logo in gif format (use .png)

 

[frizzel]

The problem is the initial class state of the logo image (class="lazyload"), which makes it invisible following these CSS rules:
.no-js img.lazyload {
display: none;
}
.lazyload, .lazyloading {
opacity: 0;
}
So, remove that lazyload class, as that makes no sense anyway on a picture that's at the top of your website.

BTW, may I suggest you get a better logo?

 

[india220]

deactivate the WP Rocket and check logo showing or not.

 

[cteq1]

The problem is the initial class state of the logo image (class="lazyload"), which makes it invisible following these CSS rules:
.no-js img.lazyload {
display: none;
}
.lazyload, .lazyloading {
opacity: 0;
}
So, remove that lazyload class, as that makes no sense anyway on a picture that's at the top of your website.

BTW, may I suggest you get a better logo?

Thank you for your suggestions, I turned off lazy load and it didnt make any difference.
Re logo, I accept the logo is lame but it was put together for exercise sake, ie learn to design the site,

 

[cteq1]

deactivate the WP Rocket and check logo showing or not.

Dont have any catche plugin, only smush for graphics, only default plugin by theme

 

[cteq1]

Three reasons

1. Image is to big or small
2. Jet pack or other image plugins you may have used
3. Edited some codes

I think it more likely 3, I removed the telephone number which was in widget header in html, thought it was tel number only, but may be there was something to do with logo too.

 

[OzatuZana]

I think it more likely 3, I removed the telephone number which was in widget header in html, thought it was tel number only, but may be there was something to do with logo too.

Try this

https://babia.to/threads/logo-stopped-showing-on-header.10517/post-55330

 

[frizzel]

Thank you for your suggestions, I turned off lazy load and it didnt make any difference.
Re logo, I accept the logo is lame but it was put together for exercise sake, ie learn to design the site,

Sorry, but the class 'lazyload' is the problem. I don't know where that class comes from (could indeed be WP Rocket), but when I disable the css classes associated with it (mentioned in my post) I can perfectly see the logo.

I mean disabling it in the Chrome developer console.

In other words: the image class IS the problem. You'll have to remove that. If you don't know how to use the developer console in Chrome, please google it and learn a little more about website design, because using that is really basic...

 

[frizzel]

BTW, I see you have already remedied the problem. Indeed there's no class="lazyload" anymore on your logo image. Why don't you tell us that, and how you did it? You want us to believe it's only because you removed a telephone number? Yeah right, a telephone number wrongly coded can at the most disturb your design, it does not (I repeat: IT DOES NOT) add a class to an image tag.

I'm 100% sure you did something else as well, so why don't you tell us?

I'm quite sure it had to do with the WP Rocket plug-in. You wrote you didn't use it, but @india220 wouldn't mention it, if he had not seen it in your source code. But now, indeed, it cannot be found anymore.

Only asking for advice and not telling honestly how you solved your problem is looked down upon everywhere, including this forum.

 

[frizzel]

And another BTW: you might want to hire an editor to check your English spelling.
Just saying...

 

[cteq1]

Sorry, but the class 'lazyload' is the problem. I don't know where that class comes from (could indeed be WP Rocket), but when I disable the css classes associated with it (mentioned in my post) I can perfectly see the logo.

I mean disabling it in the Chrome developer console.

In other words: the image class IS the problem. You'll have to remove that. If you don't know how to use the developer console in Chrome, please google it and learn a little more about website design, because using that is really basic...

Not installed WP Rocket, the theme has lazy load option, which is on by default. I just re-installed the demo and added the logo. lets see what happens now.