Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #429826

    Hey guys,

    I’m trying to get a transparent header on mobile devices, but it doesn’t work.
    The desktop versions header is transparent but on mobile it shows the header background color that is set as default.

    I have searched the forum but the solutions I find doesn’t seem to work in Enfold 3.1.

    Regards,
    R.E

    #430161

    Hi razhimself!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    #430196
    This reply has been marked as private.
    #430523

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

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

    Regards,
    Yigit

    #431484

    Works absolutely perfect!
    Thanks for great support as always, Yigit.

    Regards,
    Rasmus

    #431486

    Hi Rasmus!

    You are welcome, we are always happy to help :)
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Transparent header mobile devices’ is closed to new replies.