Responsive Meniu problema

Sveiki, gal galite padėti pastatyti meniu į jam skirtą vietą t.y. dešinėje kampo pusėje..

http://www.part.lt/img/8a0f5118d43fb87555748481428f48dd166.jpg

Niekaip nepavyksta.

.navbar-toggle {
 position: relative;
 float: right;
 padding: 9px 10px;
 margin-top: 8px;
 margin-right: 15px;
 margin-bottom: 8px;
 background-color: transparent;
 background-image: none;
 border: 1px solid transparent;
 border-radius: 4px;
}

Šiuo metu naudojamas toks css kodas.

Pabandyk panaudoti: float: right !important; Kai kurie frameworkai tai leidzia, bet kiek pastebejau, responsive mobilioje versijoje viskas perkoduojama i float: left; Taip psiekiama didziausia tikimybe, kad tavo objektas(div, form...) pateks i matymo zona telefone, nes body width perskaiciuojamas pagal prisijungusi vartotoja, jis nera didelis.

Pabandyk panaudoti: float: right !important; Kai kurie frameworkai tai leidzia, bet kiek pastebejau, responsive mobilioje versijoje viskas perkoduojama i float: left; Taip psiekiama didziausia tikimybe, kad tavo objektas(div, form...) pateks i matymo zona telefone, nes body width perskaiciuojamas pagal prisijungusi vartotoja, jis nera didelis.

!important ir kitu css palaikymas priklauso ne nuo framework'u, o nuo browseriu.

O del to, kad nera desineje - greiciausiai bus problemos su parent tag'u.

Įdomiausia tai, kad pagrindiniame puslapyje viskas gerai. O kituose ne.

Be to dar vienas problema...

#menu .user .dropdown {
 width: 100%;
 background: #1A3C6C;
 position: absolute;
 top: 40px;
 left: 0;
 display: none;
}

Be to dar vienas problema...

 

#menu .user .dropdown {
 width: 100%;
 background: #1A3C6C;
 position: absolute;
 top: 40px;
 left: 0;
 display: none;
}

#menu .user .dropdown {
 width: 100%;
 background: #1A3C6C;
 position: absolute;
 top: 40px;
 left: 0;
 display: none;
 z-index: 9999;
}