Tagged: , , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2018 at 5:55 pm #946740
    Demaup

    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

    April 27, 2018 at 12:15 pm #947902
    Mike

    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

    May 15, 2018 at 11:43 pm #957242
    Demaup

    Thanks Mike,

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

    Demaup

    May 16, 2018 at 1:46 am #957253
    Mike

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

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.