Moving Menu Bar above Header

Hi there, please open header.php and locate

<div class="site-logo">
						<h1 itemprop="name">
							<a itemprop="url" href="<?php echo esc_url( home_url() ); ?>">
								<?php if ( get_theme_mod( 'logo', get_template_directory_uri() . '/images/logo.png' ) ): ?>
									<img itemprop="logo"
									     src="<?php echo esc_url( get_theme_mod( 'logo', get_template_directory_uri() . '/images/logo.png' ) ); ?>"
									     alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>"/>
								<?php else: ?>
									<?php bloginfo( 'name' ); ?>
								<?php endif; ?>
							</a>
						</h1>

						<?php if ( get_bloginfo( 'description' ) ): ?>
							<p class="tagline"><?php bloginfo( 'description' ); ?></p>
						<?php endif; ?>
					</div><!-- /site-logo -->

then cut it and paste it after

</div><!-- /site-tools -->
					</div><!-- /site-bar -->

Try installing the WP Editor plugin to enhance the default editor and then navigate to the /themes/olsen-light/ folder to find the file.

Finally You will need to add some custom CSS to achieve this.
Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

header .site-bar{
     background:yellow;
}

in the box.

Let me know if this works

Hi there, please paste this inside your custom css box

.site-bar {
    border: none;
    margin:10px 0 50px 0;
}
#masthead .navigation > li > a {
    margin-left: 25px;
}

Let me know if this helps

Glad I could help!

Hi there, could you please open a new thread with your issue so I can answer there?

Could someone help me move mine please. I have no idea…