Следите за новостями любимого конструктора сайтов uCoz в социальных сетях!
Делается примерно так, заворачивается блок с нужным виджетом в див:
<div id="pc">здесь код виджета для компьютера</div> <div id="mob">здесь код виджета для мобильного</div>
<div id="pc">здесь код виджета для компьютера</div>
<div id="mob">здесь код виджета для мобильного</div>
далее в стили пишем условия вида:
@media screen and (min-width: 240px) and (max-width: 650px) { #pc {display:none;}} @media screen and (min-width: 650px) and (max-width: 1900px) { #mob {display:none;}}
@media screen and (min-width: 240px) and (max-width: 650px) { #pc {display:none;}}
@media screen and (min-width: 650px) and (max-width: 1900px) { #mob {display:none;}}
как-то так. Ниже в условиях я прописал стили при каких разрешениях скрывать блок с виджетом для мобильного и для компьютера. Вам остается лишь завернуть виджеты в данные дивы и отрегулировать под себя разрешения.