Language selection header Mobile version

you got on your quick css some rules
because of an enfold rule is more specific than your setting – be more selective too on your settings !

Replace your settings with:

.responsive #top #header_meta .sub_menu li.flag-deutsch {
    background: url('//www.elianafe.com/wp-content/uploads/2023/08/deutschland-sized.png') center center no-repeat;
    height: 50px;
    width: 50px;
    text-indent: -9999em;
    background-size: contain;
}

.responsive #top #header_meta  .sub_menu .flag-english {
    background: url('//www.elianafe.com/wp-content/uploads/2023/08/vereinigtes-konigreich-sized.png') center center no-repeat;
    height: 50px;
    width: 50px;
    text-indent: -9999em;
    background-size: contain;
}

#top .flag-deutsch a, #top .flag-english a {
  display: block;
  height: 100%;
  background: none !important;   /*** because of that layout.css rule your setting on li will otherwise be inherited to that a element ***/
}

you see that selector got two id’s and that overwrites your background setting with only one id in the selector
it is more selective!