Menu and site title fade out only on one or two pages

[catherinarocio]

Hi guys, hi Armin,

for a project website I'm building a little archive page. On this archive page I want the menu (and site title) to fade out when scrolling down. On the home page (and later other pages) I don't want it to fade out. How can I disable it for this specific page and keep it for the archive page?

Archive page (fade out): https://tt.catherinarocio.com/archiv/
home page (no fade out) https://tt.catherinarocio.com/

Thanks in advance!
Catherina

[arminunruh]

nice customization!

well u can use your browsers inspector
and see:

site title and menu just get css added. now if you dont want them to be opacity:0 on certain pages, you'd do this

so as far as i can tell you only want the fadeout on one page. and all other pages should not have the fadeout

body:not(.slug-archive) .sitetitle{
opacity:1!important;
}
body:not(.slug-archive) .laynav.desktop-nav{
opacity:1!important;
}

so this is saying: on any page other than the one with the "slug-archive" class: always show menu and site title

https://developer.mozilla.org/en-US/docs/Web/CSS/:not
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page