Conditional Statements for Responsive View

[lazarote]

I am trying to adapt this modification https://enxf.net/resources/joyfreak-postbit-cover.2762/ to my template but it is not responsive, so I need to hide it from users who have cell phones. Does anyone know?

<xf:if is="Need this code">
Hide
</xf:if>

 

[Jace]

depends on ur theme, conditional statements for responsive isnt available
search css media query

 

[Gursher]

.postbit_background {
opacity: .25;
position: absolute;
border-radius: 8px 8px 8px 8px;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
background-position: center;
background-size: cover !important;
height: inherit;
width: inherit;
}

@media (max-width: @xf-responsiveMedium) {
.postbit_background {
opacity: .25;
position: absolute;
border-radius: 8px 8px px 8px;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
background-position: center;
background-size: cover !important;
height: inherit;
width: inherit;
}
}

Apply and Adjust with your theme now..

 

[lazarote]

Hi guys, I found a way to achieve this, with this addon you can put this conditional:

<xf:if is="$xf.request.getBrowser().os == 'ios' || $xf.request.getBrowser().os == 'android'">

    <!-- visitor is using iOS or Android -->

</xf:if>

addon link: https://enxf.net/resources/browser-detection.2108/

 

[Pedrito]

hello good morning, do any of you know how to plugin?