Logo stopped showing on Header

cteq1

Active member

Sep 18, 2018

246

94

28

• Aug 17, 2019

• #1

I am trying to setup a website using noanet theme (https://babiato.tech/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

 

Attachments

• 
  logo missing.JPG

  13 KB · Views: 13
• 
  header.JPG

  49.3 KB · Views: 11

O

OzatuZana

Guest

• Aug 17, 2019

• #2

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

Active member

Feb 7, 2019

212

94

28

60mbanime.com

• Aug 17, 2019

• #3

site link?

 

O

OzatuZana

Guest

• Aug 17, 2019

• #4

india220 said:

site link?

Click to expand...

https://worldiptv.tk/

 

india220

Active member

Feb 7, 2019

212

94

28

60mbanime.com

• Aug 17, 2019

• #5

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

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Aug 17, 2019

• #6

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

Active member

Feb 7, 2019

212

94

28

60mbanime.com

• Aug 17, 2019

• #7

deactivate the WP Rocket and check logo showing or not.

 

cteq1

Active member

Sep 18, 2018

246

94

28

• Aug 18, 2019

• #8

frizzel said:

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?

Click to expand...

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

Active member

Sep 18, 2018

246

94

28

• Aug 18, 2019

• #9

india220 said:

deactivate the WP Rocket and check logo showing or not.

Click to expand...

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

 

cteq1

Active member

Sep 18, 2018

246

94

28

• Aug 18, 2019

• #10

OzatuZana said:

Three reasons

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

Click to expand...

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.

 

O

OzatuZana

Guest

• Aug 18, 2019

• #11

cteq1 said:

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.

Click to expand...

Try this

https://babiato.tech/threads/logo-stopped-showing-on-header.10517/post-55330

 

frizzel

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Aug 18, 2019

• #12

cteq1 said:

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,

Click to expand...

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

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Aug 18, 2019

• #13

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

Well-known member

Trusted Uploader

Jun 13, 2019

485

253

63

Wherever my imagination takes me

• Aug 18, 2019

• #14

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

 

cteq1

Active member

Sep 18, 2018

246

94

28

• Aug 18, 2019

• #15

frizzel said:

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...

Click to expand...

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.

 

Attachments

• 
  lazy.JPG

  46.6 KB · Views: 2