css - How to make HTML component is not covered by footer menu? -


i have <div> used display contact information. partially covered footermenu. how can clear it? can't scroll down more shown in image.

my css is

.contactrow{    margin: 0 auto;    width: 75%;    min-height: 150px;     background-color: #ccffff;    border-radius: 25px;    color: #0000ff;  } 

the image shown how covered @ bottom. img

my html is

<div class = "row"> </div> <div class="clearfix"> </div> <div class="contactrow" style="vertical-align: middle; text-align: center; ">           <p>please contact myanmartourism at</p>        <p>email: admin@myanmartourism.com</p>        <p>phone: +1234567890</p>        <p>fax: +987654321</p>     </div> 

edit: html whole page shown. <div> since long page.

<div class="carousel_pos" style="overflow-y: auto"> <div class = "container-fluid" >      <div class="row">      </div ><!-- row -->    </div> <!-- container-fluid --> <!-- welcome message -->    <div class="row welcome">     </div>    <div class="clearfix"> </div>    <!-- 3 posts -->     <div class="blocks" >       <div class="col-sm-4 col-xs-4 box1 p_1">          </div>       <div class="col-sm-4 col-xs-4 box2 p_1" >          </div>       <div class="col-sm-4 col-xs-4 box3 p_1">         </div>     </div><!-- blocks -->     <div class="clearfix"> </div>     <div class="contactrow" style="vertical-align: middle; text-align: center; ">           <p>please contact myanmartourism at</p>        <p>email: admin@myanmartourism.com</p>        <p>phone: +1234567890</p>        <p>fax: +987654321</p>     </div>  </div> 

my page implemented in wordpress. footer has wordpress codes.

<footer>                      <!-- <?php wp_nav_menu(array('theme_location'=>'secondary')); ?> -->              <div class="navbar navbar-default navbar-fixed-bottom">                   <div class="container"><!-- sticky footer -->                        <p class="navbar-text">site built nyan</p>                        <div class = "collapse navbar-collapse navheadercollapse">                     <!-- menus inside sticky footer -->                        <?php                   wp_nav_menu( array(                        'menu'              => 'secondary',                        'theme_location'    => 'secondary',                        'depth'             => 2,                                             'menu_class'        => 'nav navbar-nav navbar-right',                        'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',                        'walker'            => new wp_bootstrap_navwalker())                   );                        ?>                      </div>             </div>                    </div> </footer> 

thanks

just add following css:

.navbar {     position: static; } 

currently position:fixed.


Comments

Post a Comment

Popular posts from this blog

filehandler - java open files not cleaned, even when the process is killed -

java - Suppress Jboss version details from HTTP error response -

gridview - Yii2 DataPorivider $totalSum for a column -