Logo and menu won't center

Sparkling
1

I’ve been trying to center my logo and menu with every code I could use, but nothing is working. Code is either doing nothing, or doesn’t do what it’s supposed to. What else can I do?

Website URL: www.buddhajourney.net

2

Add this code to Appearance - Theme Options - Other - Custom CSS.

.navbar-header {
  float: none;
}
#logo {
  text-align: center;
}

It should center logo while leaving other things in place.

Let me know if this helps.

3

Thanks! The logo centered, but how about the main menu?

4

Never ever disable context menu on your website if you want a help from someone. Disabling context menu won’t help with image tiefs and in addition to that will annoy regular users who want to share your content on social media as they won’t be able to copy anything. It is the biggest disaster in usability ever.

Add second image right below this code in header-extensions.php file that you can find in travelify folder >> library >> structure.

<?php
		if ( has_nav_menu( 'primary' ) ) {
			$args = array(
				'theme_location'    => 'primary',
				'container'         => '',
				'items_wrap'        => '<ul class="root">%3$s</ul>'
			);
			echo '<nav id="main-nav" class="clearfix">
					<div class="container clearfix">';
				wp_nav_menu( $args );
			echo '</div><!-- .container -->
					</nav><!-- #main-nav -->';
		}
		else {
			echo '<nav id="main-nav" class="clearfix">
					<div class="container clearfix">';
				wp_page_menu( array( 'menu_class'  => 'root' ) );
			echo '</div><!-- .container -->
					</nav><!-- #main-nav -->';
		}
	?>
5

what I did is edit header.php

disable

<div class="site-navigation-inner col-sm-12"' >

then add style

<div class="navbar-header" style='width:100%;margin:0 auto;'>

then add another div to sparkling_header_menu

<div class="navbar-header"> 
    <?php sparkling_header_menu(); // main navigation ?>
</div>
6

Well, ok, thanks for sharing your solution :slight_smile: