Ок, где его ссылка не на мтап, а на сообщение в котором не про какой митап не говорится

Как будет тогда и поговорим

Добрый день! Коллеги, может быть кто-то сталкивался. Делаю блок гутенберг, можно ли сделать вывод одних и тех же данных на разных устройствах в разные элементы html? Т.е. чтобы на страничке блок выводился в зависимости от устройства следующим образом
на мобильных устройствах:
<details>
 <summary>
   <p>Название</p>
   <p>Описание</p>
 </summary>
 <ul>
   <li>Элемент1</li>
   <li>Элемент2</li>
   <li>Элемент3</li>
 </ul>
</details>

На компьютерах вот так:
<div>
 <div>
   <p>Название</p>
   <p>Описание</p>
 </div>
 <ul>
   <li>Элемент1</li>
   <li>Элемент2</li>
   <li>Элемент3</li>
 </ul>
</div>

Добрый. Можно только один вопрос - а зачем?

верстка-то одинаковая почти

первая даже более семантично выглядит

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

Так css + js и пусть себе работают, не пойдет?

Не очень понял

на больших экранах пусть details сразу раскрывается js-ом, а css можно выставить pointer-events: none, чтобы его нажать было нельзя.

Как вариант, но тогда дизайн поменяется там в одном случае список сбоку в другом снизу

Вот так на ПК

Вот так на мобильном

ну, я тут проблем вообще не вижу

Спасибо за помощь!

не за что

Коллеги правильно говорят, css+js и пусть работает. Но если сильно надо можно через функцию wp_is_mobile() проверять на устройство, но только надо помнить что при страничном кешировании с этой функцией будут траблы

Спасибо! Да я думал может есть вариант именно сразу в блок проверку встроить, но wp_is_mobile() не подходит, там де блоки через js надо писать