Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 28, 2020 at 11:29 am #1198542
    flocco21

    Hello,

    we have a problem with the home logo at the top left. In Chrome and Opera, our logo with the home function (top left) only appears on the home page. There is a gap on all subpages. The logo does not appear there.

    The problem does not exist in Firefox, IE and Safari (on the iPhone). Here the logo is displayed on every page.

    Can someone help?

    regards Florian

    March 28, 2020 at 9:17 pm #1198684
    Victoria

    Hey Florian,

    Can you please be more specific on how can we reproduce the issue?

    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    March 29, 2020 at 3:42 am #1198753
    flocco21

    Hi Victoria,

    please see the attachment

    Phototravellers

    best regards
    Florian

    March 29, 2020 at 8:48 pm #1198939
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .logo img {
    width: 100% !important; 
    height: 100% !important; 
}

    Your logo is getting a height of 0px and it looks like it has an added class “lazyloaded”, are you using a lazyload plugin?
    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    March 29, 2020 at 10:11 pm #1198951
    flocco21

    Hi Mike,

    Thank you!

    We use WP Rocket and there the function Lazy Load.

    The logo now appears in Chrome and Opera. But the dimensions are not correct. The logo is distorted. If I scroll down, it gets worse. Enclosed 4 screenshots. This is the comparison between Chrome and Firefox (everything works here).

    Chrome1

    Chrome

    Firefox

    Firefox

    regards
    Florian

    March 29, 2020 at 10:41 pm #1198952
    Mike

    Hi,
    Please disable the lazyload and clear your browser and site cache.

    Best regards,
    Mike

    March 30, 2020 at 11:53 pm #1199210
    flocco21

    Hello Mike,

    I deactivated Lazyload, renewed the cache and reactivated Lazyload. The problem with the distorted logo is still there. Now the logo is also distorted on the smartphone (Safari).

    Do you have another idea?

    regards Florian

    March 31, 2020 at 1:09 pm #1199310
    Mike

    Hi,
    Please try removing the css I posted above and have the lazy load deactivated, my thought is that the logo will behave correctly on its own if the lazy load is deactivated.
    Also, please also clear your browser and site cache.

    Best regards,
    Mike

    March 31, 2020 at 6:19 pm #1199405
    flocco21

    Hi Mike,

    if I deactivate Lazyload, the logo appears in the correct size in all browsers.

    But if I reactivate Lazyload, I have the problem again.

    The logo also appears with the code – but with the wrong dimensions.

    Is there a solution for this?

    regards Florian

    April 1, 2020 at 12:05 pm #1199705
    Mike

    Hi,
    The lazyload causes many problems, we recommend that you disable it.

    Best regards,
    Mike

    April 6, 2020 at 6:55 pm #1201310
    flocco21

    Hi,

    But the Lazyload improves the Pagespeed. Is there no other way?

    best regads
    Florian

    April 7, 2020 at 3:56 am #1201438
    Jordan Shannon

    Hi,

    You can look into a different plugin, or have a freelancer code a solution.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.