XF 2.2 Page nav buttons on mobile

[DrFager]

How do you get the page navigation buttons at the top of a thread on mobile devices. Via desktop the previous/next/page buttons show on both the top and the bottom of a thread page, but on mobile I’ve noticed the previous/next buttons only show on the bottom of a thread page. How can I get those buttons on top the thread page on mobile too?

 

[Paul B]

This added to the extra.less template should do it:

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

Courtesy of @Russ

 

[DrFager]

That worked. Thank you!

 

[spyralout]

This added to the extra.less template should do it:

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

Courtesy of @Russ

I’ve tried this before and it worked but it disappeared after an update. I tried pasting it at the bottom of extra.less as well as sandwiched in between other lines, but it’s still not showing up. Is my formatting incorrect? Here’s a screenshot of the bottom paste:



Thanks!

 

[Nicolas FR]

I tried pasting it at the bottom of extra.less as well as sandwiched in between other lines,

Maybe the sandwich is not good ?
Why you put this code through other lines ?

 

[spyralout]

Maybe the sandwich is not good ?
Why you put this code through other lines ?

I just reverted back to original state. Sorry I’m a bit new to the coding part, but I’m learning I tried to follow the format of a similar code when I did the sandwich. I had also tried putting it at the very end before the final “}” as shown above, but that didn’t seem to work either. Strange how it worked before.

 

[spyralout]

Got it to work!