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.
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
.
Thanks for give us valuable information
ReplyDeleteContact WordPress Support
WordPress Support Service
Very Helpful. Thanks for such Information
ReplyDeleteWP Help
24x7 WP Support