смещается выпадающее меню во время отрисовки

[cyklop77]

помогите пожалуйста поправить выпадающее меню в bootstrap-вёрстке

 

в адаптивной вёрстке в шапке поведение элементов в общем меня устраивает. красиво элементы я размещу позже

 

но при малой ширине экрана(когда меню превращается в значок, расположенный в верхнем правом углу) после клика на этот значок меню открывается, затем смещается под лого, при этом не заполняет на 100% ширины экрана. в этом проблема. нельзя ли заставить это выпадающее меню показываться любым нормальным способом?

вот fiddle, если так удобнее

[Sergik+]

У контейнера по умолчанию отступы по 15пикселей слева и справа.

Edited November 12, 2014 by Sergik+

[cyklop77]

убил весь день на это меню, несколько раз заново переделывал

 

подскажите пожалуйста на словах хотя бы какой подход использовать. на какие блоки разбить и какое поведение им присвоить

 

вот оригинал фиксированной ширины, моя задача переделать меню в адаптивном стиле(только меню, остальное вообще можно убрать). основная сложность в том, что блок с пунктами меню фиксированной ширины. при этом оформление не проблема, проблема сделать так чтобы ничего на съезжало не планшетах и ноутбуках

Edited November 12, 2014 by cyklop77

[Sergik+]

убил весь день на это меню, несколько раз заново переделывал

 

подскажите пожалуйста на словах хотя бы какой подход использовать. на какие блоки разбить и какое поведение им присвоить

 

вот оригинал фиксированной ширины, моя задача переделать меню в адаптивном стиле(только меню, остальное вообще можно убрать). основная сложность в том, что блок с пунктами меню фиксированной ширины. при этом оформление не проблема, проблема сделать так чтобы ничего не съезжало не планшетах и ноутбуках

Главная фишка адаптива это забудьте везде про высоту, все только паддингами.

[cyklop77]

del

Edited November 12, 2014 by cyklop77