Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 17, 2022 at 4:11 pm #1372956
    pagemod

    Hi Kriesi,
    can you please help to make the header transparent on mobile devices?
    I tried some of the custom CSS snippets from other support tickets but none of them worked.
    Thank you in advance
    Have a nice day
    pm

    November 18, 2022 at 1:39 pm #1373076
    Yigit

    Hey,

    Thanks for contacting us!

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

    
/* Transparent Header For Mobile */
@media only screen and (max-width: 990px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header { 
        position: absolute;
}
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
	background: transparent;
}
}

    If it does not work, please create temporary admin logins and post them here privately so we can look into it :)

    For future readers; please see – https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

    Best regards,
    Yigit

    November 18, 2022 at 3:25 pm #1373103
    pagemod

    Thank you.
    Header is transparent on mobile now.
    I forgot to mention that i have a sticky header – do have a solution for a sticky, transparent mobile header aswell?

    November 18, 2022 at 3:57 pm #1373115
    Yigit

    Hi,

    Great!

    For sticky header on mobile, please see – https://kriesi.at/documentation/enfold/header/#sticky-header-on-mobile :)

    Best regards,
    Yigit

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