html - Responsive footer goes to top on mobile; sticks to bottom on phone emulators and desktop? -

-

recently deployed responsive word press template minimal plugins. footer works on mobile phone emulators , desktop. on actual devices, shoots right below headers above content. want footer stick bottom.

my mobiel test device nexus 5(1080p).

i've tried altering footer usual suggestions nothing works both. turned off php functions fo determining mobile still doesn't work.

here's footer css

here responsive css , php code

    if ($px_theme_option['responsive'] == "on") {                     echo '<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">';                     wp_enqueue_style('responsive_css', get_template_directory_uri() . '/css/responsive.css');

css( relvant footer classes responsive.css)

/*============      media 768px start   ============ */ @media (min-width: 768px) , (max-width: 979px) {       #footer{             overflow:hidden;         }  /*============      media 420px start   ============ */ @media (max-width: 767px) {     #footer{         height:67px; }     #footer p{         margin:0 0 0 10px;     }     #footer{         overflow:hidden;     }   /*============      media 300px start   ============ */ @media (max-width: 480px) {  #footer{         height:120px;     }     #footer p{         margin:0;         padding:0px 44px 0px 0px;     }

might relevant, news articles right on top, , it's covering them. assume shoots below , it's not applying(becuase switched catogories around in world press , pages?).

.news-section article figure{     height:100%;     }     #footer p{     margin:0 0 0 10px; }       #footer{         overflow:hidden;     } /*============     media 940px start    ============ */ @media screen , (min-width: 900px) , (max-width: 1054px){      #footer{         overflow:hidden;     }

default(i assume desktop since it's in seperate style.css file) 

  #footer {         max-width: 1160px;         margin: 0 auto;         background: #141414;         position: relative;         z-index: 99;         height: 56px;         font-size: 0;         line-height: 0;         padding-top: 17px;         border-top: 10px solid #0c0c0c;         box-shadow: -10px 10px #141414,10px 10px #141414 ;     }     #footer p {         float: left;         line-height: 25px;         margin: 0 0 0 35px;         font-size: 11px;         color: #555;         font-style: normal;     }

footer html

      </div>             </div>          </div>         <!-- inner main -->     </div>     <footer id="footer">         <p class="coptyright">             <?php echo do_shortcode(htmlspecialchars_decode($px_theme_option['copyright'])); ?>               <?php echo do_shortcode(htmlspecialchars_decode($px_theme_option['powered_by'])); ?>         </p>         <?php             if($px_theme_option['footer_social_icons'] == 'on'){                 px_social_network();             }         ?>         <a href="" class="btn btngotop"><i class="fa fa-arrow-circle-o-up"></i></a>     </footer> </div> <!-- wrapper end --> <?php  px_footer_settings(); wp_footer();?> </body> </html>

try adding 

clear:both

this should keep @ bottom.


Comments

Post a Comment

Popular posts from this blog

javascript - how to protect a flash video from refresh？ -

-
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>flash video refresh</title> </head> <body> <div id="playerzone"><embed height="496" width="580" flashvars="flvid=19742822&amp;createtime=2012-4-19 13:46:33" wmode="opaque" allowscriptaccess="always" allowfullscreen="true" quality="high" bgcolor="#000000" name="player" id="player" src="swf/mine.swf" type="application/x-shockwave-flash"></div> <a onclick="return test();" id="test">click me popup div,and hide scrollbar</a> </body> the code upon： for example,when click a#test button,popup div,it's no problem,but want hide scrollbar while div popup. i used $('html').css('overflow','hidden') in
Read more

android - Associate same looper with different threads -

-
Image
in application, want create multiple threads working on single queue. create queue know need call looper.prepare() . i want other threads create should associated looper created first thread, how can achieve this? use 1 of java thread safe queue class java.util.concurrent package instead of looper achieve goal. it's more common practice. share queue between threads , post task queue entry 1 thread can entry thread. blockingqueue can - in 1 thread call take() , block thread until thread put() entry queue. that's all. producer consumer pattern example blockingqueue or concurrentlinkedqueue about blockingqueue
Read more

visual studio 2010 - Connect to informix database windows form application -

-
i trying figure out how connect ibm informix database. have been doing research , have found threads 5 years ago examples not working. i have installed latest sdk ibm informix. i have included ibm.data.informix.dll references in project. i have included using ibm.data.informix; i adding button , on click testing conenction. debug error "sql0035n file "c:\users\adam\documents\visual studio 2010\projects\test\test\msg\en_us\db2nmp.xml" cannot opened." this file not exist , dont see anywhere in program files (x86)\ibm informix client sdk directory. my on click code is private void button1_click(object sender, eventargs e) { const string host = "192.168.obfuscated"; const string servicenum = "1525"; //port? const string server = "serverobfuscated"; const string database = "dbobfuscatedy"; const string user = "myusername"; const string password = &
Read more