WPML header problems

Hi,

I installed the WPML plugin and having some troubles with my burger header menu.
#1 When on the landingspage it is as it should be, but when you go to the english translation, the header menu is not transparent anymore.
I have used different css codes but I can not figure it out.

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

@media only screen and (max-width: 767px) {
  .responsive #top #main {
    /* Margin top value should be equal to header height*/
    margin-top: 0px;
  }
  .responsive #top #wrap_all #header {
    position: fixed;
  }
}

#2 Next to that i like to show the WPML flags left from the burger menu, is that possible?
#3 I use a different font. In firefox this is displayed properly but in Internet Explorer or Edge not, is there a special reason for this?

thnx