XF 1.2 Pagenav - how do I remove the Prev and Next text in the smallest responsive?

Stuart Wright

Well-known member
I want to change the text < Prev and Next > in the pagenav to just the arrows in the smallest responsive style. I.e. remove the Prev and Next text.
Otherwise they don't fit on one line of the screen.
How do I do that please?
 
Try editing the prev and next phrases to: <span class="hiddenResponsiveNarrow">Prev</span> and <span class="hiddenResponsiveNarrow">Next</span>.
 
Using Brogan's guide on responsive design, you can try... (obviously surrounded by the appropriate media query)
Code:
nav .text {
  display: none;
}
 
I just checked and it does hide the text for both Prev and Next.
Unfortunately the core CSS has display: inherit !important so it can't be used in this instance.
 
Top Bottom