O orhanorak Member Sep 1, 2022 #1 Hi; How to show node description full view (with page numbers) on mobile? desktop view: Mobile view: as you see that, i can't see the page number boxes on mobile. I want to change nodelist style for mobile, like desktop view. thanks
Hi; How to show node description full view (with page numbers) on mobile? desktop view: Mobile view: as you see that, i can't see the page number boxes on mobile. I want to change nodelist style for mobile, like desktop view. thanks
D Deleted member 232995 Guest Sep 1, 2022 #2 orhanorak said: as you see that, i can't see the page number boxes on mobile. Click to expand... Code: @media (max-width: 650px) .structItem-pageJump, .structItem-extraInfoMinor { display: none; } This code is responsible for hiding the PageJump when a display size X is set. If you still want to have the PageJump you have to overwrite the code. Upvote 0 Downvote
orhanorak said: as you see that, i can't see the page number boxes on mobile. Click to expand... Code: @media (max-width: 650px) .structItem-pageJump, .structItem-extraInfoMinor { display: none; } This code is responsible for hiding the PageJump when a display size X is set. If you still want to have the PageJump you have to overwrite the code.
O orhanorak Member Sep 1, 2022 #3 0815 said: Code: @media (max-width: 650px) .structItem-pageJump, .structItem-extraInfoMinor { display: none; } This code is responsible for hiding the PageJump when a display size X is set. If you still want to have the PageJump you have to overwrite the code. Click to expand... hi; i have added this code into extra.less like this: @media (max-width: 650px) .structItem-pageJump, .structItem-extraInfoMinor { display: block; } Click to expand... but still i can't see the page numbers may be i did a mistake? Upvote 0 Downvote
0815 said: Code: @media (max-width: 650px) .structItem-pageJump, .structItem-extraInfoMinor { display: none; } This code is responsible for hiding the PageJump when a display size X is set. If you still want to have the PageJump you have to overwrite the code. Click to expand... hi; i have added this code into extra.less like this: @media (max-width: 650px) .structItem-pageJump, .structItem-extraInfoMinor { display: block; } Click to expand... but still i can't see the page numbers may be i did a mistake?
D Deleted member 232995 Guest Sep 1, 2022 #4 Code: @media (max-width: @xf-responsiveMedium) { .structItem-pageJump { display: initial; } } this works for me Upvote 0 Downvote
Code: @media (max-width: @xf-responsiveMedium) { .structItem-pageJump { display: initial; } } this works for me
O orhanorak Member Sep 1, 2022 #5 0815 said: Code: @media (max-width: @xf-responsiveMedium) { .structItem-pageJump { display: initial; } } this works for me Click to expand... i have tried but still it doesn't show the page numbers on mobile. also i made settting from style properties / node list ... Upvote 0 Downvote
0815 said: Code: @media (max-width: @xf-responsiveMedium) { .structItem-pageJump { display: initial; } } this works for me Click to expand... i have tried but still it doesn't show the page numbers on mobile. also i made settting from style properties / node list ...
D djbaxter in memoriam 1947-2022 Sep 1, 2022 #6 Your mobile cache may not be updating. It's quite slow by intent. Upvote 0 Downvote
O orhanorak Member Sep 2, 2022 #7 I have tried again and it works, thanks @0815 @djbaxter i have added below codes into extra.less (XF.2.2.10) @media (max-width: @xf-responsiveMedium) { .structItem-pageJump { display: initial; } } Click to expand... Upvote 0 Downvote
I have tried again and it works, thanks @0815 @djbaxter i have added below codes into extra.less (XF.2.2.10) @media (max-width: @xf-responsiveMedium) { .structItem-pageJump { display: initial; } } Click to expand...
AndyB Well-known member Sep 2, 2022 #8 Keep in mind that those page numbers inline with the thread title are removed on mobile devices because the buttons are too small to easily use. Google will see this issue as your forum not being responsive and it could hurt SEO. Upvote 0 Downvote
Keep in mind that those page numbers inline with the thread title are removed on mobile devices because the buttons are too small to easily use. Google will see this issue as your forum not being responsive and it could hurt SEO.