Menu icon Foundation
Show pagination items also on small screens

Hello

how can i also show pagination items on small screens? I had an lexicon thing with an alphabetical pagination but it hides the letters between b and y on small screens.

Thanks in advance!

Best!

pagination

Hello

how can i also show pagination items on small screens? I had an lexicon thing with an alphabetical pagination but it hides the letters between b and y on small screens.

Thanks in advance!

Best!

Kilian D. about 1 year ago

i know the sass-variable pagination-mobile-items

But is there a possibility to just add a css class to the html?

Jay Thatcher about 1 year ago

If you want to change it in the CSS and not with SASS, look for .pagination li {

And change display: none; to display: inline-block;

Consider overriding it with a custom.css that loads after instead of changing it directly in the app.css file. Hope this helps.

  .pagination li {
    margin-right: 0.0625rem;
    border-radius: 0;
    font-size: 0.875rem;
    display: none; }