Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 12, 2015 at 2:02 pm #394988
    cberentz

    Hi,

    Im using the following command on my website to hide the transparent header on my homepage:
    .home .av_header_transparency { display: none !important; }

    Is there a possibility to modify the command so that it only effects dektop devices? Because I need the header on mobile devices to have a navigation on top of the page.

    Thanks!

    February 12, 2015 at 2:22 pm #395001
    Günter

    Hi cberentz!

    Thank you for coming back.

    You have to put the CSS in a media query like below and adjust the width:

    
@media only screen and (min-width: 989px)  {
       .home .av_header_transparency { display: none !important; }
}

    Cheers!
    Günter

    February 12, 2015 at 2:23 pm #395002
    cberentz

    Problem solved. I just used the option “header invisible and appears once user scrolls” instead of the command ;)

    Thanks anyway

    February 12, 2015 at 2:24 pm #395003
    Günter

    Hi!

    Glad you found a solution. Enjoy the theme.

    Best regards,
    Günter

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Hide transparent header only on desktop devices’ is closed to new replies.