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

Thanks! That worked. Decided not to change the site bar anymore, but that worked as well.

However, the line beneath the menu moved with the menu bar and now looks out of place. Any way to get rid of it? Also, is there some way to change the spacing on the menu bar? Ideally, I want my header to look something like the header from this blog: https://mlovesm.com/

If its helpful, https://sweetyellowcuddles.com is my blog. thanks!

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

Thanks! That’s perfect.

Glad I could help!

Hi Fotis

I have the same problem “I’m trying to move my Menu bar above the Header” like “mimoomoo22” but my “header.php” it’s a little bit different. And I want to change the color also.
Can you help me Fotis please ?
My website is https://probrandtex.de/

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

Hi,

I already opened, it’s “Menu bar above the Header”

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