Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #946740

    Hi guys,

    I try several solutions I found on the Enfold forum in order to make my header transparent on mobile screen.

    It works but I’ve got 2 issues:
    1 – The burger icon is not on transparency color (color wanted: white as I set in the Enfold Settings).
    2 – The space between header and content disappears .

    You can see it here: https://imgur.com/a/b2msW31

    Any idea how to fix the issue?

    Cheers,

    Demaup

    #947902

    Hey Demaup,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency {
        background-color: #0984e3!important; 
    }
    .header_color div .av-hamburger-inner, .header_color div .av-hamburger-inner::before, .header_color div .av-hamburger-inner::after {
        background-color: #fff!important; 
    }
    .header_color div .is-active .av-hamburger-inner, .header_color div .is-active .av-hamburger-inner::before, .header_color div .is-active .av-hamburger-inner::after {
        background-color: #0984e3!important; 
    }
    }

    Best regards,
    Mike

    #957242

    Thanks Mike,

    I’ll try it out and keep you in touch. Sorry for the late response.

    Demaup

    #957253

    Hi,
    Glad to hear, let us know how it works.

    Best regards,
    Mike

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

You must be logged in to reply to this topic.