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.
Wordpress - why would Page Numbering not work on mobile?
Moderator: General Moderators
-
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?
Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
All the best from the United Kingdom.
Re: Wordpress - why would Page Numbering not work on mobile?
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?
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:
But I don't know why CSS would disable a hyperlink. This doesn't seem too. All I have altered is the padding.
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;
}
}Love PHP. Love CSS. Love learning new tricks too.
All the best from the United Kingdom.
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?
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.
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?
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.
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.
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?
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.
All the best from the United Kingdom.
Re: Wordpress - why would Page Numbering not work on mobile?
Sure, we can do that. I'll take a quick peek and see if I can't find something.