wpadminbar covering my topbar

the wpadminbar of the wordpress is covering my topbar with css below. What should i do to adjust it.

<header id="masthead" class="site-header fixed-top">		
	<div class="topbar">
		<div class="container">topbar</div>
	</div>
		<div class="banner">
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<div class="site-branding">
								<a href="https://localhost/alpha_plus/" class="custom-logo-link" rel="home"><img src="https://localhost/alpha_plus/wp-content/uploads/2020/04/cropped-logo.png" class="custom-logo" alt="Yenne Newspaper" width="300" height="72"></a>								<p class="site-title"><a href="https://localhost/alpha_plus/" rel="home">Yenne Newspaper</a></p>
																<p class="site-description">Just another WordPress site</p>
													</div><!-- .site-branding -->
					</div>
					<div class="col-md-9">
					banner right
					</div>
				</div><!-- .row -->
			</div><!-- .container -->
		</div>

		 <nav class="navbar navbar-expand-md p-0">
			 <div class="container">
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-nav" aria-controls="" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div id="main-nav" class="collapse navbar-collapse justify-content-end"><ul id="menu-primary-menu" class="navbar-nav mr-auto"><li id="menu-item-78" class="nav-item menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-78 active"><a title="Home" href="https://localhost/alpha_plus/" class="nav-link">Home</a></li>
<li id="menu-item-74" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category current-page-parent menu-item-74"><a title="National" href="https://localhost/alpha_plus/category/national/" class="nav-link">National</a></li>
<li id="menu-item-77" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-77"><a title="World" href="https://localhost/alpha_plus/category/world/" class="nav-link">World</a></li>
<li id="menu-item-70" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70"><a title="Editorial" href="https://localhost/alpha_plus/category/editorial/" class="nav-link">Editorial</a></li>
<li id="menu-item-75" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-75"><a title="Politics" href="https://localhost/alpha_plus/category/politics/" class="nav-link">Politics</a></li>
<li id="menu-item-153" class="nav-item menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-153 dropdown"><a title="Tech" href="#" data-toggle="dropdown" class="dropdown-toggle nav-link" aria-haspopup="true">Tech <span class="caret"></span></a>
<ul role="menu" class=" dropdown-menu">
	<li id="menu-item-157" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-114 current_page_item menu-item-has-children menu-item-157 dropdown dropdown-submenu active"><a title="font-page" href="#" data-toggle="dropdown" class="dropdown-toggle dropdown-item" aria-haspopup="true">font-page <span class="caret"></span></a>
	<ul role="menu" class=" dropdown-menu">
		<li id="menu-item-158" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-158"><a title="without container" href="https://localhost/alpha_plus/sample-page/without-container/" class="dropdown-item">without container</a></li>
		<li id="menu-item-160" class="nav-item menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-page-parent menu-item-160"><a title="Sample Page" href="https://localhost/alpha_plus/sample-page/" class="dropdown-item">Sample Page</a></li>
	</ul>
</li>
	<li id="menu-item-159" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-159"><a title="full with" href="https://localhost/alpha_plus/full-with/" class="dropdown-item">full with</a></li>
</ul>
</li>
<li id="menu-item-69" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-69"><a title="Business" href="https://localhost/alpha_plus/category/business/" class="nav-link">Business</a></li>
<li id="menu-item-73" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-73"><a title="Health" href="https://localhost/alpha_plus/category/health/" class="nav-link">Health</a></li>
<li id="menu-item-71" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-71"><a title="Entertainment" href="https://localhost/alpha_plus/category/entertainment/" class="nav-link">Entertainment</a></li>
<li id="menu-item-76" class="nav-item menu-item menu-item-type-taxonomy menu-item-object-category menu-item-76"><a title="Sports" href="https://localhost/alpha_plus/category/sports/" class="nav-link">Sports</a></li>
</ul></div>		  </div>
		</nav><!-- #site-navigation -->
	</header>

.topbar {
background: #000000;
color: #fff;
font-size: 80%;
position: relative

}

#wpadminbar {
direction: ltr;
color: #ccc;
font-size: 13px;
font-weight: 400;
font-family: -apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Oxygen-Sans,Ubuntu,Cantarell,”Helvetica Neue”,sans-serif;
line-height: 32px;
height: 32px;
position: fixed;
top: 0;
left: 0;
width: 100%;
min-width: 600px;
z-index: 99999;
background: #23282d;
}`

• This topic was modified 4 years, 7 months ago by Steven Stern (sterndata).