Как поставить первый элемент вторым на мобильных?

Чтобы поставить первый элемент вторым на мобильных устройствах, вам понадобится использовать язык программирования JavaScript и CSS. Вот подробный план, как это сделать:

1. Определите, какое устройство используется пользователь. Для этого вы можете использовать объект navigator.userAgent и проверить наличие определенных строк в нем для мобильных устройств. Например, если вы хотите определить, что пользователь использует мобильное устройство, вы можете воспользоваться следующим кодом:

function isMobileDevice() {
   return /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

2. Получите первый и второй элементы, которые вы хотите поменять местами. Вы можете сделать это, используя метод document.querySelector() и передав CSS селектор элементов. Например, если у вас есть элементы с классами element1 и element2, вы можете получить ссылки на них следующим образом:

var element1 = document.querySelector('.element1');
var element2 = document.querySelector('.element2');

3. Создайте функцию, которая будет менять местами элементы. Для этого вам нужно создать временный элемент, скопировать содержимое первого элемента в него, удалить содержимое первого элемента, скопировать содержимое второго элемента в первый элемент, а затем скопировать содержимое временного элемента во второй элемент. Вот пример кода, который это делает:

function swapElements(element1, element2) {
   var temp = document.createElement('div');
   element1.parentNode.insertBefore(temp, element1);
   
   element2.parentNode.insertBefore(element1, element2);
   temp.parentNode.insertBefore(element2, temp);
   
   temp.parentNode.removeChild(temp);
}

4. В конечном итоге вам нужно вызвать эту функцию только на мобильных устройствах. Вы можете сделать проверку, используя функцию isMobileDevice() из первого шага. Вот как может выглядеть полный код:

function isMobileDevice() {
   return /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

if (isMobileDevice()) {
   var element1 = document.querySelector('.element1');
   var element2 = document.querySelector('.element2');

   function swapElements(element1, element2) {
      var temp = document.createElement('div');
      element1.parentNode.insertBefore(temp, element1);

      element2.parentNode.insertBefore(element1, element2);
      temp.parentNode.insertBefore(element2, temp);

      temp.parentNode.removeChild(temp);
   }

   swapElements(element1, element2);
}

Приведенный выше код проверяет, является ли устройство мобильным, а затем меняет местами элементы с классами element1 и element2, если это так. Обратите внимание, что в вашем коде классы элементов могут отличаться, поэтому вы должны заменить селекторы в соответствии с вашей ситуацией.

Это подробное объяснение, как поставить первый элемент вторым на мобильных устройствах с помощью JavaScript и CSS. Надеюсь, это поможет вам!