• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

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

Stuart Wright

Well-known member
#1
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?
 

Brogan

XenForo moderator
Staff member
#2
Try editing the prev and next phrases to: <span class="hiddenResponsiveNarrow">Prev</span> and <span class="hiddenResponsiveNarrow">Next</span>.
 

Stuart Wright

Well-known member
#3
Thanks Brogan, but that doesn't hide the word Next in the smallest design and it introduces a carriage return between the text and the arrow.
 

Jeremy

Well-known member
#4
Using Brogan's guide on responsive design, you can try... (obviously surrounded by the appropriate media query)
Code:
nav .text {
  display: none;
}
 

Brogan

XenForo moderator
Staff member
#5
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.