Page 1 of 1

Wordpress - why would Page Numbering not work on mobile?

Posted: Fri Sep 09, 2016 12:49 pm
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.

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

Posted: Fri Sep 09, 2016 12:58 pm
by Celauran
Have you checked media queries? Other CSS rules on the class(es)? What have you checked already.

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

Posted: Fri Sep 09, 2016 1:04 pm
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.

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

Posted: Fri Sep 09, 2016 1:05 pm
by simonmlewis
The CSS has no media queries disabling it. I clicked the link with the CSS check tool on Firefox.

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

Posted: Fri Sep 09, 2016 1:08 pm
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.

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

Posted: Fri Sep 09, 2016 1:13 pm
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.

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

Posted: Fri Sep 09, 2016 1:15 pm
by Celauran
Sure, we can do that. I'll take a quick peek and see if I can't find something.