navbar Fixed top

Asked

Viewed 647 times

0

As I can leave only the navbar as navbar-Fixed in scroll and when the customer is at the beginning of the site, do not overlap the topo1, at the moment it is disappearing when I put navbar-Fixed and enter under the page.

<div class="row topo1" style="margin: 0px auto;">
    <div class="col-lg-12" >
        <div class="container">
            
				 <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 phone pull-right" style="text-align:right; padding-top:2px;" >
						<ul>
						<a href="#">Parceiros&nbsp;&nbsp;&nbsp;</a>						
						
						<a href="#">&nbsp;&nbsp;&nbsp;Veja seu Filho</a>
						</ul>
					 </div>
	         
        </div>
	</div>
</div>		


<div class="row" style="margin: 0px auto;">
    <div class="col-lg-12 topo" >
        <div class="container">
            <div class="row">
					
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12" style="padding-top:5px; padding-bottom:5px;" >
                    <a href="index.php"><img src="images/logo/logo2.png" alt="#" title="Logo Village" class="img-responsive" style="margin:0px auto; " ></a>
                </div>
                        
                <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 pull-right" style="padding:0px;" >
				
                        <nav class="navbar-right navbar-default" >
                            <div class="container-fluid "  >
                                   
                                <div class="navbar-header">
                                    <button type="button"  class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                                    <span class="sr-only" >Toggle navigation</span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    </button>
                                </div>

  • Explain better what you want, and if possible, put a functional example

  • https://revolthemes.net/demo/mart/ then, when the page rolls the first div that this green disappears and the menu that is the navbar is Fixed top, I would like to do the same effect, have some idea how?

  • Have you tried using z-index to put the navbar on top?

  • You can give me an example of how it would look, so I can adapt in my code, I would be super grateful

  • Add the following style to your css: .topo1{z-index: 99;}, see if he’s on top.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.