XF 2.2 Hide footer block on mobile?

Cannabis Ape

Active member
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">
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?
Last edited:
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.
Top Bottom