Wordpress - why would Page Numbering not work on mobile?

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Wordpress - why would Page Numbering not work on mobile?

Post by simonmlewis »

We have gone live with a shop website, but the page numbering does not work on mobile.

The links are there for each page number, but when you get the screen down to phone size, they are totally disabled.

Why would that be?

The Theme is Tienda, for Wordpress.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Wordpress - why would Page Numbering not work on mobile?

Post by Celauran »

Have you checked media queries? Other CSS rules on the class(es)? What have you checked already.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Wordpress - why would Page Numbering not work on mobile?

Post by simonmlewis »

Not knowing what was cause a link to not work, the first place I went to was the css. To make the buttons bigger.
Editing this:

Code: Select all

@media screen and (max-width: 767px) 
{
    .site-logo {
        max-width: 230px !important;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-decoration-color: -moz-use-text-color;
text-decoration-line: none;
text-decoration-style: solid;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding-top: 1em;
padding-right:1em;
padding-bottom: 1em;
padding-left: 1em;
min-width: 1em;
display: block;
}
}
But I don't know why CSS would disable a hyperlink. This doesn't seem too. All I have altered is the padding.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Wordpress - why would Page Numbering not work on mobile?

Post by simonmlewis »

The CSS has no media queries disabling it. I clicked the link with the CSS check tool on Firefox.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Wordpress - why would Page Numbering not work on mobile?

Post by simonmlewis »

If I click the "links" in full screen it opens the CSS and shows all the pagination CSS.
If I bring the size of the page way down, and do the same, none of that pagination CSS shows up.
If I look in the code, there is only one set of HTML for this so it's not displaying something else for mobile.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
simonmlewis
DevNet Master
Posts: 4435
Joined: Wed Oct 08, 2008 3:39 pm
Location: United Kingdom
Contact:

Re: Wordpress - why would Page Numbering not work on mobile?

Post by simonmlewis »

If it helps, I can send you the full URL, if you know any means to see what might be causing it - I can send via personal message.
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: Wordpress - why would Page Numbering not work on mobile?

Post by Celauran »

Sure, we can do that. I'll take a quick peek and see if I can't find something.
Post Reply