Show Top Page Navigation on Thread on Mobile Device

[HappyWorld]

semprot submitted a new resource:

Show Top Page Navigation on Thread on Mobile Device - Show Top Page Navigation on Thread on Mobile Device

By default, when browsing a thread using mobile device, especially those which width less than 480 px, the top page navigation is hidden.

To show it, add these lines to your extra.less :

@media (max-width: 480px) {
    .block-outer:not(.block-outer--after) .pageNavWrapper:not(.pageNavWrapper--forceShow) {
        display:block;
    }
}

Read more about this resource...

 

[maxicep]

Do you have any idea for that i want show top page notification on mobile but only for members.

How it is possible? @semprot

conditionals like (<xf:if is="$xf.visitor.user_id">) doesn't work on .less templates as we know.

Thanks

 

[HappyWorld]

Do you have any idea for that i want show top page notification on mobile but only for members.

How it is possible? @semprot

conditionals like (<xf:if is="$xf.visitor.user_id">) doesn't work on .less templates as we know.

Thanks

You have to find where top page notification code is located in XF template. Then wrap it with template conditional using this addon

Or the easiest way without using this addon is using CSS media query trick

 

[Kim Breuer Alsgaard]

Thankyou for this solution. Made my day as I have been wondering about this for some time now