Forum Statistic widget position on Mobile view

JAC

Hi,

Whilst using the Forum statistic widget I notice on the laptop it shows at the bottom where I have positioned it, however once I go on the mobile and look it displays right at the top above the "start a discussion button".

Any help appreciated

many thanks

[deleted]

JAC It's often a good decision to hide the widget on mobile views. The below CSS will allow you to to that

@media only screen and (max-width: 768px) {
li.item-forumStatisticsWidget {
    display: none;
}
}

It's a little tricky to place the widget elsewhere with small screen estates, so this is what I would do.

Ralkage

[deleted] I could possibly add an option to hide the widget in mobile view, create an even more minimalistic view, or simply have it appear at the bottom 😃 I'm okay with any of those options; taking any preferred/professional suggestions 🙂

JAC

Thank you so much for the help, I added the code to the custom styles section in the admin area and that has worked a treat!

Thank you! 😀

[deleted]

Ralkage Up to you 🙂 Might make sense to do so !

JAC

Ralkage That would be great! 😀

JAC

Ralkage I've noticed when I view the Tags page it also shows the Forum Statistics but in the top right corner above the tags, is there any way to remove this?

many thanks !

[

[deleted]

JAC One "dirty" hack would be to use the below CSS code. It won't hide it, but will float the widget into the space below

li.item-forumStatisticsWidget {
    float: left;
}

And, if you wanted the items to also display inline, add

ul#ForumStatisticsList li {
    display: inline;
    padding-right: 10px;
}

JAC

I'll give that a try tomorrow.

Many thanks

codeX

 @media (max-width: 767px){
 li.item-startBottomWidgetSection {
     display: none;
 }
 }

it worked now.

edit:I updated the topic, maybe it will be useful to someone.

CyberGene

codeX I'm not sure what exactly that is supposed to fix, however I can still see the statistics widget on my iPhone.

I have been using the following CSS that works:
@media @phone { .item-forumStatisticsWidget { display: none; } }

The only issue with it is that there's still the statistics widget when in landscape on my iPhone.

codeX

CyberGene I tried it with iPhone and the code works