Question

我有<div>用于显示联系信息。它部分由FooterMenu覆盖。我该如何清除它？我无法向下滚动，如图所示。

我的css是

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

图像显示在底部是如何覆盖的。

我的HTML是

<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>

编辑：显示了整个页面的html。但只有<div>，因为它是一个很长的页面。

<div class="carousel_pos" style="overflow-y: auto">
<div class = "container-fluid" >   
  <div class="row"> 

   </div ><!-- row -->   
</div> <!-- container-fluid -->
<!-- This is for Welcome Message -->
   <div class="row welcome">

   </div>
   <div class="clearfix"> </div>
   <!-- This is for Three 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>

我的页面在Wordpress中实现。所以页脚有一些wordpress代码。

<footer>        

            <!-- <?php wp_nav_menu(array('theme_location'=>'secondary')); ?> -->
             <div class="navbar navbar-default navbar-fixed-bottom">
                  <div class="container"><!-- This is for sticky footer -->
                       <p class="navbar-text">Site built by Nyan</p>
                       <div class = "collapse navbar-collapse navHeaderCollapse">

                   <!-- This is for 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>

由于

Answer 1

只需添加以下css：

.navbar {
    position: static;
}

目前为position:fixed。

页脚菜单不包含如何制作HTML组件？

1 个答案: