добавьте блок сверху высотой в 0px и в середине (где красный на 1-м рисунке, так же: в 0px) и в зависимости от ширины меняйте через JS вывод контента в один из этих блоков.
Мобильный - выводите в верхний.
Обычный - в средний.
padding-left:100% не помогает?
Если - нет, заключите в доп. слой и укажите для него стили: width:100%; float:right
а уже внутри - сделайте верстку стрелки со счетчиком во внутреннем контейнере DIV...