I believe the most recent update messed up some customization.

I don’t know CSS so I hired someone a couple years ago to implement some custom css to a website that I manage. The CSS made it so the Gtranslate widget would change on the mobile version of the site. It would remove the language name causing it to shrink to flag size and align it to the right of the top bar. The update 6 days ago broke it though and I can’t seem to get it back to how it was. Here is the following CSS:

ul#menu-top-menu-right li.menu-item.menu-item-gtranslate {
top: -16px;
}
ul#menu-top-menu-right li.menu-item.menu-item-gtranslate div#gtranslate_wrapper {
right: 0;
}

@media(max-width: 767px){
.topbar-menu .switcher {
width: auto;
font-size: 0;
}
header.topbar {
position: relative;
z-index: 9999;
}
.topbar-menu .switcher .selected a {
width: auto;
font-size: 0;
padding-right: 20px;
}
.topbar-menu .switcher .option {
width: auto;
}
ul.topbar-menu li.menu-item.menu-item-gtranslate {
width: 100%;
}

ul.topbar-menu {
position: absolute;
right: 10px;
z-index: 9;
}
}

Would anyone be able to tell me how I could fix it? Thanks in advance for any help.

The page I need help with: [log in to see the link]