XF 2.3 page selector

Patronus

New member
Hello everyone. Two questions:
1. I change the color and font of the page selector in the styles, but it only changes in the desktop version. It doesn't change on mobile. How can I manage the style on the mobile version?
2. And I would also like it to look the same on mobile as on the desktop version - that is, with separate squares with page numbers, and not like on the phone version "one of..." How can I do this? Please help me 🙏

on desktop
1748007672660.webp


on mobile
1748007643052.webp
 
I found a solution!Maybe it will be useful for someone.
The core_pagenav.less template has been edited so that pagination is displayed on mobile devices the same way as on desktop
here is the part that has been changed

before

Code:
.pageNavWrapper--mixed
{
  .pageNavSimple
  {
    display: none;
  }

  @media (max-width: @xf-responsiveMedium)
  {
    .pageNav
    {
      display: none;
    }

    .pageNavSimple
    {
      display: inline-flex;
    }
  }
}



after
Code:
.pageNavWrapper--mixed

{

  .pageNavSimple

  {

    display: none;

  }



  @media (max-width: @xf-responsiveMedium)

  {



    .pageNavSimple

    {

      display: none;

    }

  }

}
 
Back
Top Bottom