Как поправить панель навигации в мобильной версии?

Здравствуйте, у меня возникла проблема, в мобильной версии на сайте неправильно отображается постраничная навигация, подскажите как исправить? http://21idea.ru/

 

Тема актуальна, проблема не решена, не представляю даже в каком направлении двигаться.

--- Добавлено, 1 дек 2017 ---

Проблема решена, добавил display:inline-block; стало переноситься более менее нормально, не знаю уж насколько симпатичной вы считаете такую адаптацию постраничной навигации, но других выходов не вижу, если будут какие то советы по поводу адаптации по посимпатичнее, то готов выслушать.
Панель навигации создавалась с помощью плагина pagenavi в wordpress


.wp-pagenavi {
clear: both;
margin: 0.8em auto 0%;
text-align: center;

}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 10px;
margin: 2px;
font-size: 1em;
background: #efefef;
color: #13c4a5;
border-radius: 1.5em;
display:inline-block;

}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #13c4a5;
background: #13c4a5;
color: #efefef;
}

.wp-pagenavi span.current {
font-weight: bold;
}

 

Как она должна отображаться?
покажите картинку