javascript - Responsive Menu not Displaying in Smartphone Default Browser? -

-

my responsive website when open in smartphone default browser responsive menu not displaying , when check smartphone chrome browser working fine . can me out of issue please ?

here code :

responsive css code here : 

.navigation {     display: none; }  .mobi-menu {     display: block;     float: right;     width: 40px;     height: 40px;     position: absolute;     right: 30px;     bottom: -6px;     outline: none; }  .mobi-menu span {     position: absolute;     width: 20px;     height: 2px;     left: 10px;     -moz-transition: 0.4s ease;     -webkit-transition: 0.4s ease;     -ms-transition: 0.4s ease;     -o-transition: 0.4s ease;     transition: 0.4s ease; }  .mobi-menu span:nth-child(1) {     top: 13px; }  .mobi-menu span:nth-child(2) {     top: 50%;     margin-top: -1px; }  .mobi-menu span:nth-child(3) {     bottom: 13px; }  .mobi-nav-container {     display: block;     -moz-transition: 0.4s ease;     -webkit-transition: 0.4s ease;     -ms-transition: 0.4s ease;     -o-transition: 0.4s ease;     transition: 0.4s ease;     padding: 20px 30px 50px 50px;     width: 200px;     position: absolute;     right: 0px;     top: 140px;     visibility: hidden;     opacity: 0;     z-index: 999; }  .mobi-menu.open ~ .mobi-nav-container {     top: 100px;     opacity: 1;     visibility: visible; }  .mobi-menu.open span:first-child {     -moz-transform: rotate(45deg);     -webkit-transform: rotate(45deg);     -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);     transform: rotate(45deg);     top: 19px; }  .mobi-menu.open span:nth-child(2) {     opacity: 0; }  .mobi-menu.open span:last-child {     -moz-transform: rotate(135deg);     -webkit-transform: rotate(135deg);     -ms-transform: rotate(135deg);     -o-transform: rotate(135deg);     transform: rotate(135deg);     bottom: 19px; }  .mobi-navigation { }  .mobi-navigation > li {     text-align: right;     padding: 0;     position: relative; }  .mobi-navigation > li {     position: absolute;     left: 0;     top: 12px;     font-size: 80%; }  .mobi-navigation ul {     display: none;     margin: 0; }  .mobi-navigation {     outline: none;     display: block;     padding: 5px 12px;     width: 100%;     font-size: 120%;     border-bottom-width: 1px;     border-bottom-style: dashed;     background-color: #993399;     z-index: 1; }  .mobi-navigation > li > { }

here html code :

<div class="mobi-nav-container" style="min-height: 1209px;">    <ul id="menu-main-1" class="mobi-navigation">    <li id="menu-item-8" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-8">       <a href="index.html">home</a>    </li>    <li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor menu-item-has-children menu-item-20">       <a href="">who ? <i class="fa fa-angle-down"></i></a>       <ul class="sub-menu" style="display: none;">          <li id="menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-185"><a href="genesis.html">the genesis </a></li>       </ul>    </li>    <li id="menu-item-209" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-209">       <a href="">what offer ? <i class="fa fa-angle-down"></i></a>    </li>    <li id="menu-item-418" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-418">       <a href="">what ? <i class="fa fa-angle-down"></i></a>       <ul class="sub-menu">          <li id="menu-item-210" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-210"><a href="">corporate identity  </a></li>          </li>          <li id="menu-item-419" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-418">             <a href="">how ? <i class="fa fa-angle-down"></i></a>             <ul class="sub-menu">                <li id="menu-item-289" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-289"><a href="">the approach  </a></li>             </ul>          </li>          <li id="menu-item-475" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-475"><a href="contact.html">where locate us?  </a></li>       </ul>       <!--end mobile navigation-->       <div class="clear"></div> </div>

thanks in advance.


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more