aşağıdakı paylasmıs oldugum kodlar ıle mobilde tum widgetleri gizledik ama ben 1 tane widgeti mobilde gostermek ıstıyorum ıd sı 3 bunun ıcın bu kodlarda nasıl bir duzenleme yapacagım?
extra.less
widget_html
widget_thread_poll
extra.less
Kod:
@media only screen and (max-width:1230px) and (min-width:990px){
.block[data-widget-id="3"] {display: none;}
.block[data-widget-id="53"] {display: none;}
.block[data-widget-id="6"] {display: none;}
.block[data-widget-id="11"] {display: none;}
.block[data-widget-id="17"] {display: none;}
.block[data-widget-id="Anlet"] {display: none;}
.block[data-widget-id="30"] {display: none;}
.block[data-widget-id="62"] {display: none;}
.block[data-widget-id="61"] {display: none;}
.block[data-widget-id="60"] {display: none;}
.block[data-widget-id="59"] {display: none;}
.block[data-widget-id="58"] {display: none;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.block[data-widget-id="3"] {display: none;}
.block[data-widget-id="53"] {display: none;}
.block[data-widget-id="6"] {display: none;}
.block[data-widget-id="11"] {display: none;}
.block[data-widget-id="17"] {display: none;}
.block[data-widget-id="Anlet"] {display: none;}
.block[data-widget-id="30"] {display: none;}
.block[data-widget-id="62"] {display: none;}
.block[data-widget-id="61"] {display: none;}
.block[data-widget-id="60"] {display: none;}
.block[data-widget-id="59"] {display: none;}
.block[data-widget-id="58"] {display: none;}
}
@media only screen and (max-width: 479px) {
.block[data-widget-id="3"] {display: none;}
.block[data-widget-id="53"] {display: none;}
.block[data-widget-id="6"] {display: none;}
.block[data-widget-id="11"] {display: none;}
.block[data-widget-id="17"] {display: none;}
.block[data-widget-id="Anlet"] {display: none;}
.block[data-widget-id="30"] {display: none;}
.block[data-widget-id="62"] {display: none;}
.block[data-widget-id="61"] {display: none;}
.block[data-widget-id="60"] {display: none;}
.block[data-widget-id="59"] {display: none;}
.block[data-widget-id="58"] {display: none;}
}
widget_html
Kod:
<xf:if is="!$options.advanced_mode">
<div class="block" data-widget-id="62">
<div class="block-container">
<xf:if is="$title">
<h3 class="block-minorHeader"><i class="fas fa-globe-europe"></i> {$title}</h3>
</xf:if>
<div class="block-body block-row">
{$template|raw}
</div>
</div>
</div>
<xf:else />
{$template|raw}
</xf:if>
widget_thread_poll
Kod:
<div class="block" data-widget-id="62">
<xf:macro template="poll_macros" name="poll_block" arg-poll="{$poll}" arg-simpleDisplay="{{ true }}" arg-forceTitle="{$title}" />
</div>