Как добавить еще один значок на мобильном разрешении в HTML Canvas

Question

У меня есть шаблон из темы леса под названием Canvas (version 5.1), и сейчас я изучаю его и хочу добавить языки вместо этих значков

,

Iхотел просто заменить значок поиска на «EN» и «ES», но в мобильном разрешении я вижу только один значок, подобный этому:

Как мне удается бытьВозможность предварительного просмотра обоих значков на обоих языках?

Вот доступ к моему тестовому проекту:

Тестовое репо Я добавил двойной значок поиска Пожалуйста, нажмите на индекс.html

Обновление: благодаря любезности г-на Грасиаса, вот не очень хороший предварительный просмотр моего заголовка, если я добавлю style="left:10px"

Я хочучтобы значки поиска находились рядом друг с другом, также как и на большом экране.

Answer 1

на мобильных устройствах обе иконки расположены друг над другом, добавьте код ниже к любому из 1 значка.спасибо

1. добавьте класс icon к 1 значку.

2. добавьте приведенный ниже код в файл CSS.

   @media (min-width: 334px) {# top-search a i.icon {left: -45px}

   }

   @ media (min-width: 992px) {.# top-search a i.icon {left: -45px}}