XF 2.0 Possible to make just one sidebar widget appear above the forum list on mobile view?

[alternadiv]

I have a few sidebar widgets, but I want just one of them to appear at the very top of the page on the mobile layout. Can that be done?

 

[Old Nick]

Hello,

Wich widget you want to place at the very top of the page ?

In Admin Panel, Widget section, you can choose a widget and make it appear at different places of the forum. Choose "at the top of the main view" or "below/beyond the top breadcrumbs".

You can try different locations to see which one is right for you.

 

[alternadiv]

Hello,

Wich widget you want to place at the very top of the page ?

In Admin Panel, Widget section, you can choose a widget and make it appear at different places of the forum. Choose "at the top of the main view" or "below/beyond the top breadcrumbs".

You can try different locations to see which one is right for you.

Yeah, but I want it on the side on the desktop view and at the top on mobile view.

 

[Old Nick]

I understand, it surprised me also that I can answer a question as easily

 

[Russ]

@Tacoma3G a somewhat easy solution would be to just create the widget twice and hide via CSS.

.p-body-pageContent [data-widget-definition="member_stat"]
{
    display: none;
}
@media (max-width: @xf-responsiveWide)
{
    .p-body-pageContent [data-widget-definition="member_stat"] { display: block; }    
    .p-body-sidebar [data-widget-definition="member_stat"] { display: none; }
}

Top line would hide the one inside the content area, then show in mobile while hiding the other one in mobile.

 

[colcar]

@Tacoma3G a somewhat easy solution would be to just create the widget twice and hide via CSS.

.p-body-pageContent [data-widget-definition="member_stat"]
{
    display: none;
}
@media (max-width: @xf-responsiveWide)
{
    .p-body-pageContent [data-widget-definition="member_stat"] { display: block; }   
    .p-body-sidebar [data-widget-definition="member_stat"] { display: none; }
}

Top line would hide the one inside the content area, then show in mobile while hiding the other one in mobile.

Thank you!