Archived topic
header weird
13 replies · Started by Max on January 13, 2022
Hi guys check my header on mobile. How can i fix it?
Hi Max,
Did you forget to link us to the site in question?
You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Check the private thing :)
What's weird about it?
No logo? Can you describe a little bit more about the issue?
Look in the private part. When i land on the website the header is fine. But when i start scrolling it gets weird.
Hi there,
i assume you are using a lazy loader - in its settings there should be an option to Exclude images with a specific CSS Class. You can exclude the logo with this class: is-logo-image
If you can do that and clear any caches then we can take a look.
Like this?
Thats correct.
Now add this CSS to your site:
@media (max-width: 1024px) {
.main-navigation.sticky-navigation-transition .site-logo img {
height: 66px !important;
}
#mobile-header .site-logo {
margin-left: 0;
}
}
Did not worked sorry :( do you have another solution.
I don't see the CSS has been added to your site, can you make sure cache is cleared after you add the CSS to customizer > additional CSS?
Let me know :)
what about now?
Checked your CSS sheet, the code highlighted are not CSS, it's PHP, it's not supposed to be added to this field, you should remove it.
https://www.screencast.com/t/1OhZvXH5uS
For how to add PHP: https://docs.generatepress.com/article/adding-php/
oh weird i dont know how it came there but thanks a lot Ying!
You are welcome :)