This is the header.php code:
<!-- SITE HEADER -->
<header class="site-header navbar row clearfix">
<div class="navbar-header">
<button class="navbar-toggle collapsed" type="button"
data-toggle="collapse" data-target="#main-menu"
aria-controls="main-menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span><span class="glyphicon glyphicon-menu-hamburger"></span><strong>MENU</strong></span>
</button>
<h1>
<a href="<?php bloginfo( 'url' ); ?>" class="navbar-brand"></a>
<?php bloginfo('name'); ?>
</h1>
</div> <!-- .navbar-header -->
<?php
wp_nav_menu( array(
'menu' => 'primary-menu',
'theme_location' => 'primary-menu',
'depth' => 2,
'container' => 'nav',
'container_class' => 'main-menu collapse navbar-collapse right',
'container_id' => 'main-menu',
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
'walker' => new wp_bootstrap_navwalker())
);
?>
</header> <!-- .site-header -->
Anonymous User 14733231
(@anonymized-14733231)
Hello commodorevic,
Please add this css in your stylesheet.
#main-menu .nav.navbar-nav {
padding-top: 63px !important;
}
Thanks for your response, Neal007. That snippet of code had no effect on the layout.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a section for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://ww.wp.xz.cn/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
@media screen and (min-width: 991px) {
#main-menu {
margin-top: 63px;
}
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
