Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 10, 2014 at 5:46 am #348651
    Mesheu

    Hi there,

    I use transparent header for some of my website pages like this one here.

    However, while it works on desktop, it doesn’t work on mobile and gets background color like you see here.

    How can I make the header transparent on mobile while still showing the menu list items?

    Thank you!
    Ali

    November 10, 2014 at 6:49 pm #348926
    Andy

    Hey Mesheu!

    Use this in Quick CSS:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all #header {
position: absolute;
}}

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

    Regards,
    Andy

    November 11, 2014 at 3:29 am #349177
    Mesheu

    Awesome, solved! Thank you so much!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Transparent header not working on mobile’ is closed to new replies.