Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 28, 2016 at 9:12 am #717624
    michaellausser

    Hi,
    I want a transparent header background on spedified sites on mobile view that works like on desktop view.

    There are a lot of posts on this topic but nothing works on all the browser.

    Best snippet seems to be:

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

    1) On Chrome working perfect on Firefox, Edge and IE it’s not working. Background is switching from transparent to white.
    2) How do I get menu sticky?
    3) Is it possible to make header smaller for mobile devices?
    Linkt to site:

    Home

    Thanks a lot for your helpt !
    Greetings
    Michael

    November 29, 2016 at 11:41 pm #718576
    Yigit

    Hey michaellausser,

    Please change your code to following one

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

    Also, i checked your website on Chrome, Firefox and Safari and header is transparent in all three. Have you figured it out already?

    Best regards,
    Yigit

    • This reply was modified 8 years ago by Yigit.
    December 7, 2016 at 8:40 am #721394
    michaellausser

    Hi Yigit !

    You got it !! Great !!! Your support is blowing me away :-)
    Thanks a very lot !!
    Greetings
    Michael

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Transparent header on mobile on Chrome, FF, IE, Edge ….’ is closed to new replies.