I´ve created a pagination for comments on pages. To style the pagination I styled the div in the comments.php with "#pagination" and "display: inline-flex".
It seems to work on Desktop browsers. But on mobile devices the pagination renders vertically.
Can you provide me some (correct) css to achieve a horizontal pagination whether on using Desktop or mobile browsers?
Hey there again,
I´ve created a pagination for comments on pages. To style the pagination I styled the div in the comments.php with "#pagination" and "display: inline-flex".
It seems to work on Desktop browsers. But on mobile devices the pagination renders vertically.
Can you provide me some (correct) css to achieve a horizontal pagination whether on using Desktop or mobile browsers?
Thank you in advance, Thomas
Hey Thomas!
Seems like you got it sorted.
Cheers
ThemeNectar Support Team
Hey Tahir,
sorry, not really. Couldn´t you reproduce the problem on mobile device?
That´s the way it looks on my iPhone 4 with iOS 7.1 (see attachement). Weird, on desktop browsers everything´s fine.
Again thanks,
Thomas
Hey Thomas!
Can you try display:inline-block and check.
Thanks
ThemeNectar Support Team
Hey Tahir,
that didn´t work. But I solved the issue by styling the div with the following cross browser-attributes for the flexbox:
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display:flex;
:-)
Cheers