XF 2.2 Hide footer block on mobile?

[Cannabis Ape]

As certain things already show in the mobile version of my theme I want to hide some footer blocks just on mobile.

I thought I found an answer to it in an other thread so I tried to put this in the HTML section of block 2;

<span class="b2">
<xb_footer_block2>
</span>

And this in extra.less:

/* footer blocks hide on mobile*/
@media (max-width: @xf-responsiveMedium) {
        .b2 {
            display: none;
    }
}

But it's not working, what did I do wrong?

 

[BassMan]

This should work. You can try by adding !important after none word.

If possible to see it live so I can inspect the code it would be very helpful.

 

[Cannabis Ape]

This should work. You can try by adding !important after none word.

If possible to see it live so I can inspect the code it would be very helpful.

Yeah, was using your solution but aint working atm, neither with the !important; behind it.

I'll send you the link. Thank you.

 

[BassMan]

Replace .b2 in the code with .p-footer-custom .xb-footer-block-2.

 

[Cannabis Ape]

Replace .b2 in the code with .p-footer-custom .xb-footer-block-2.

Awesome, did the trick!
Ty