Изменить порядок элементов навигации в адаптивном дизайне

Question

Я использую http://cascade-framework.com/ и у меня есть простой заголовок с логотипом, выберите и ссылка на внешний сайт.

Моя скрипка здесь

Макет, если хорошо, как в режиме рабочего стола. В адаптивном режиме это выглядит примерно так:

---------------------------------------------
Company Name
---------------------------------------------
Volvo
---------------------------------------------
Menu Here
---------------------------------------------

Принимая во внимание, что я хотел бы следующее в адаптивном режиме:

---------------------------------------------
Company Name                        Menu Here
---------------------------------------------
Volvo
---------------------------------------------

Эти ответы предлагают использовать flexbox или jquery. Я не могу использовать flexbox, потому что мне нужна поддержка ie8. Я также предпочел бы не прибегать к jquery, поскольку кажется, что это должно быть довольно простое решение CSS. Другой ответ на этой странице показывает тонну CSS, которую я пытался адаптировать к своему варианту использования, и это также не решило проблему.

Answer 1

Как насчет использования абсолютного позиционирования?

.menuHere {
    position:absolute;
    text-align:right;
    right:0
}

http://jsfiddle.net/6txfvvo6/3/