CSS - Style for Language Switcher Menu

PHOTO EMBED

Wed Jan 19 2022 03:15:45 GMT+0000 (UTC)

Saved by @dwtut #css

/* Language Switcher */
header ul.sub-menu{
    padding: 14px 20px !important;
    background-color: #FFF;
    box-shadow: 0 10px 25px rgb(32 32 35 / 14%);
    border-radius: 6px;
}
header ul.sub-menu > li > a{
    text-align: left !important;
    transition: all .3s ease-in-out;
}
header ul.sub-menu > li span.menu-item-text > img{
    vertical-align: sub;
    width: 16px !important;
    max-height: 16px !important;
    height: 16px !important;
    border-radius: 50%;
}
.pp-advanced-menu .pp-has-submenu-container img{
    display: none;
}
.pp-advanced-menu .pp-has-submenu-container span.menu-item-text::before{
    content: "\f0ac";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.pp-advanced-menu .pp-has-submenu-container .pp-menu-toggle{
    right: -10px;
}
header .pp-advanced-menu ul.menu > li.menu-item-has-children.pp-has-submenu:hover span.pp-menu-toggle {
    transform: rotate(-180deg);
}
header .pp-advanced-menu ul.menu > li.menu-item-has-children.pp-has-submenu span.pp-menu-toggle {
    transition: all .3s ease-in-out;
}
body:not(.fl-builder-edit) header .pp-advanced-menu ul.menu > li.menu-item-has-children.pp-has-submenu {
    padding: 25px 0;
}
ul.sub-menu > li.lang-item-en span.menu-item-text img,
ul.sub-menu > li.lang-item-id span.menu-item-text img,
ul.sub-menu > li.lang-item.current-lang{
    display: none;
}
ul.sub-menu > li.lang-item > a{
    padding: 0 !important;
}
ul.sub-menu > li.lang-item-en span.menu-item-text::before,
ul.sub-menu > li.lang-item-id span.menu-item-text::before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    vertical-align: middle !important;
}
ul.sub-menu > li.lang-item span.menu-item-text > span{
    margin-left: 10px !important;
}
ul.sub-menu > li.lang-item-en span.menu-item-text::before{
    background: url('/wp-content/uploads/australia.svg');
}
ul.sub-menu > li.lang-item-id span.menu-item-text::before{
    background: url('/wp-content/uploads/indonesia.svg');
}
content_copyCOPY

Styles for switcher language menu with flags icon

https://www.thetinygirl.com/wp-admin/post.php?post