Изменение раскрывающегося списка на встроенный с CSS

Question

Вверху: Текущая ситуация, Внизу: Что я пытаюсь достичь

Я пытаюсь изменить переключатель языка в верхней части этого веб-сайта на основе Wordpress, чтобы оба флаги отображаются рядом друг с другом, встроенные, без предварительного наведения.

https://www.furuhostel.com/

Я не могу понять это, поэтому мне было интересно, может ли кто-нибудь Помогите? Может это невозможно с CSS!

Спасибо!

Answer 1

Внесите эти изменения в свой код, измените эти классы.

 #trp-floater-ls.trp-floater-ls-flags {
    width: 100px;
    display: flex;
    justify-content: space-around;
    left: 75%;
 }

 #trp-floater-ls-current-language {
    display: none !important;
    width: 100%;
    height: 100%;
 }


 #trp-floater-ls-language-list {
    display: flex !important;
 }

Answer 2

Я проверил элемент в chrome, поскольку для этого примера не было предоставлено никакого кода, но из того, что я вижу, вам необходимо: Удалить текущий выбранный элемент trp-floater-ls-current-language (я сделал это с помощью всего display:none). Если есть класс trp-language-switcher-container, вам нужно будет удалить заданную ширину 50 пикселей, чтобы контейнер принял размер своих дочерних элементов. И, наконец, вам нужно будет установить класс trp-floater-ls-language-list на display: flex. Надеюсь, это поможет, и это то, что вы ищете.