How to Change Menu Background Colour on Scroll?

  • Hello forummers!

    Does anyone know if it is possible to change the background colour of the Shoreditch theme menu on scroll?

    As an example, this website https://www.smartfocus.com/en/company starts with a fairly transparent menu background colour then as the page scrolls, it becomes dark (presumably to contrast with the white page colour). I’d like to reproduce this effect in Shoreditch if I can.

    Is there a way to achieve this through CSS in the Shoreditch theme?

    Thank you all,

    D.

Viewing 2 replies - 1 through 2 (of 2 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Hi @madebygift, add this to your custom CSS and then adjust my obnoxious read demo color as desired.

    .header-section.fixed-nav {
    background-color: #cc0000;
}
    Thread Starter madebygift

    (@madebygift)

    Hi @sacredpath

    Thanks, I’ll try that. I don’t see how that makes the background colour change when you scroll though? Might be my limited understanding of CSS but I’ll give it a go!

    Thank you,

    D.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Change Menu Background Colour on Scroll?’ is closed to new replies.