Hi Team,
For some reason the “next prev ajax” isn’t working correctly. So when I’m using flex block 1, and turn pagination on, using next prev ajax, within designer it shows as two right/left arrows appearing below the content. However, in the published version, the two arrows appear at the sides of the row of content (an arrow on each side). This is a problem because the arrows are partially hidden behind the content, so a user can’t actually find them. Any ideas about this? You can see our homepage, https://rareparenting.com to see what I mean. First row.
Thanks!
Hello Megan!
I think you have some custom code on that block. Try to add other flex blocks and enable pagination. It should work well.
Thank you!
Hi Bettina,
The block was from the theme. We didn’t add any custom code to it. I did try to add a new flex1 block and you’re right the pagination works, however, in mobile the blocks don’t stack the way they do in the current block. So it’s possible the theme had added code in order to get the blocks to stack? Either way, we do need that block to operate in the same way as it does now (as it came in the theme). As such, do you know how to get a new block to stack OR any idea of how to fix the pagination in the theme’s block?
Thanks!
Megan
Hello Megan!
No. Check the old block which is not working. You have an extra class there. Delete it and try again.
Thank you!
Ok thanks, Bettina!
A curiosity related to this: I have a post loop on author pages copied from the category page cloud template. The cat page template came with extra class tt-icon and the ajax arrows far left and far right. On the category template removal of tt-icon brings both arrows to left. Here with tt-icon in place:
https://jazzjournal.co.uk/category/reviews/audio-reviews/
The same category row, copied to author template, with extra class tt-icon in place, does not render arrows left and right but both to the left. (Removal of extra class tt-icon makes no difference.) Here with tt-icon in place:
https://jazzjournal.co.uk/author/nigel-jarrett/
How come?
Thanks
Mark
Hello Mark!
The CSS code can be found in the Live CSS section or in the theme panel, so you can see what it is used for exactly. I can see that the icons on your website look the same.
Thank you!
I see the CSS code in the Live CSS in both the above pages is the same:
.td-container-wrap .td_flex_block_1{
display: block!important;
}
.td-a-rec{text-align:left;}
and both have extra class tt-icon
Therefore, I don’t understand why on https://jazzjournal.co.uk/author/nigel-jarrett/ the arrows are together at the left (the default?) and on https://jazzjournal.co.uk/category/reviews/audio-reviews/ they are separated at left and right of the page.
Thanks
Hello.
The code is working only for flex block 1, so if you want to work the code also, for posts loop then you need to add it to the code to align the pagination.
Also, please check if you don’t in the template a custom code set in the raw css -> https://i.imgur.com/9jCfTyg.png
Thank you!
Many thanks, Anamaria – I will check this out. But neither of those pages has a flex block, only posts loop in each page. On the category page the presence of the tt-icon code has an effect, closing or opening the next-prev arrows, on the author page it has no effect – the arrows are always together at the left. Just curious…
Hi,
Please let me know how you want those to be. You can contact us via email and provide the access to check those.
Thank you!
