header on login page has unwanted space all of a sudden

[johnaps]

Hello!

My login page suddenly started putting space above and bellow header
https://sofianos-orthopedika.gr/%ce%bf-%ce%bb%ce%bf%ce%b3%ce%b1%cf%81%ce%b9%ce%b1%cf%83%ce%bc%cf%8c%cf%82-%ce%bc%ce%bf%cf%85/

versus any other page you ll see the problem..

Can you help me fix this?

[johnaps]

it also happens when logged out in
1. https://sofianos-orthopedika.gr/oroi-xrisis/
2. https://sofianos-orthopedika.gr/gia-tin-etairiasofianos-orthopedika/
3. https://sofianos-orthopedika.gr/politiki-epistrofon-sofianos-orthopedika-eidi/
4. https://sofianos-orthopedika.gr/metaforika-orthopedika-sofianos/
5. https://sofianos-orthopedika.gr/tropoi-pliromis/

you can see home page https://sofianos-orthopedika.gr/ to see what is the difference-problem.

[David]

Hi there,

looks like an issue with the Lazy Loader, on those problem pages i am not seeing a Logo just the placeholder for it which is also the problem with the sizing of the header

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

Hey, is there something i can try?

[David]

Check in the Lazy Loader settings if you can ‘exclude’ certain images from lazy loading. Most offer an option to exclude using a CSS class – for the logo you can use:

header-image

Or they offer an option to exclude a filename.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

i checked wp rocket documentation and it says

“Disable LazyLoad on an image
If you want to disable LazyLoad on a specific image, you can do so by adding the
data-no-lazy attribute to the img HTML tag:”

Do you know how can i implement that?

[Leo]

Have you tried asking their support?

It should be like adding classes to any other HTML element:
<img src="https://URL" class="CLASS-NAME">

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

i have seen on the various threads about putting manually an attribute with fuctions i guess with a hook maybe?
Is that possible?

[johnaps]

i also contacted wp rocket…!

[David]

They provide this article explain how:

https://docs.wp-rocket.me/article/15-disabling-lazy-load-on-specific-images

several functions to exclude the image using class ( ie. the one i provided above ) or the image url itself.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

so where i can implement these fuctions?
With hooks?
Or in what file?

[Leo]

Functions are PHP:
https://docs.generatepress.com/article/adding-php/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

i think i got it! Thank you for your time!!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts