Okay
  Public Ticket #3162974
Disable transparent header on mobile
Closed

Comments

  •  4
    dBrincat started the conversation
    November 8, 2022 at 7:06pm

    Hi there, I would like to have the transparent header on for desktop but switch off and have a solid background on the header on mobile.


    Is this possible? Thanks!

  •  1,877
    Judith replied
    November 8, 2022 at 8:01pm

    Hi There,

    Thanks for keeping in touch.

    Please try this css:

    @media only screen and (min-width: 1px) and (max-width: 999px){
    body #header-outer[data-transparent-header=true][data-remove-border=true], body #header-outer[data-transparent-header=true][data-remove-border=true].transparent {
        background: black !IMPORTANT;
    }
}

    Thanks.

  •  4
    dBrincat replied
    November 9, 2022 at 2:07pm

    Thanks so much!