Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #464574

    Dear all,

    may you assist me with a quick-CSS, to achieve that the glassy, transparent header does not change colours in mobile version?
    Please see the attached example to fully understand.

    In our development area, I removed the whole childtheme-css content (step by step). Now tt seems to me, that even with standard settings, the transparent, glassy header changes its colour to default, as soon as some media query breakpoint is reached.

    My question is: May I change this, so that the transparent, glassy header colours stay the same, no matter if the resolutions gets smaller than some breakpoint media query?

    If so, may you assist me in reaching this goal?

    Kind regards!


    Hey Simon!

    Please add following code to Quick CSS

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
      background-color: transparent;
      position: absolute!important;



    Hey Yigit,

    as always: the snippet you provided works like a charm.
    Thank you for supporting me. Issue solved!

    Happy daze!

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Glassy, transparent Header: Colours switch back to normal in mobile version’ is closed to new replies.