Transparent header on mobile

  • Hello, great theme so far!

    Is there any way to make the header transparent on mobile, so that the logo and menu are on top of the slider, like on the desktop version? Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    @soebye whats your site address?

    Thread Starter Soebye

    (@soebye)

    The site is temporarily on my own server, so https://www.asdesigns.dk/alk

    Theme Author OptimizerWP

    (@layerthemes)

    Try adding this to your Custom CSS:

    @media screen and (max-width: 480px){
body.home.has_trans_header .header {position: absolute!important;background-color: transparent!important;}
body.home.has_trans_header .header .logo h1 a{color:#fff!important}
}

    Regards

    Thread Starter Soebye

    (@soebye)

    That did the trick, but the site title is not white but grey. I am planning on using a white logo however, so that does not matter, and i also just need to add a margin to the slider content, and set the menu button to white and we are good to go.

    Thank you very much!

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