-
ben2944
Hello
I have a sticky menu for my site with a logo to the left.
Is it possible to hide the logo in the header in those conditions :
>only on mobile,
>only on the homepage,
>only before first scrolling ? (or after scrolling “X”pixels ) ?This is because on the hero of my homepage, I already have the logo in big, so it makes two times the logo.
Have a nice day !
-
Hi there,
>only on mobile,
>only on the homepage,These two can be achieved with this CSS:
.home .main-navigation .site-logo { display: none; }
Adding CSS: https://docs.generatepress.com/article/adding-css/
>only before first scrolling ? (or after scrolling โXโpixels ) ?
Unfortunately, this would require a custom javascript solution which we cannot support in this forum.
Let me know if the CSS works and thanks for your understanding ๐
-
ben2944
Hi Leo
Thanls for the code ! ๐ I’ve added an CSS fadein animation. Not the same thing that after “X” scrolling but that will be ok for my purpose ๐
-
No problem ๐
- You must be logged in to reply to this topic.