Remove logo from top bar and center menu items

claytonshagal · June 2016

HI,

For one of my sites I need a menu bar without a logo and the menu items centered in it.

I was able to comment out the div that shows the logo in the file header-top-area.php (right after the  comment in the file) But I spent 2 hours trying to get to center the menu in the remainging space instead of being aligned left or right. But I had no success.

Can you point me toward a solution?

Albert · June 2016

Hi,

please send us link to page where you would like to center menu items first and we will see if it's possible.

claytonshagal · June 2016

Hi, here it is.

http://claytonshagal.com/esi_general/

Its not officially live yet. We are bulding it under another of our site for now.

This simple page is meant to be a springboard so our customers choose to the trade show they want info on.

Albert · June 2016

Ok, thanks. So to set up menu items on this site, you need to use the following extra css:

#Top_bar .menu > li { display: inline-block !important; float: none !important; }
#Top_bar .menu_wrapper { text-align: center !important; width: 100% !important; }

claytonshagal · June 2016

Its' working. My menu is now centered.

Now the only problem left for this page is that when on a mobile the menu button overlaps the content instead of being in his own space.

I am guessing that is is because there is no logo to take the place.

I tried putting an empty 1X50px logo but it doesn't work because it pushes the menu down when on a desktop.

Is there a section of the header-top-area.php that I could tweak to fix this?

For now this section of the page is commented out:

">
					<?php 
						// Logo | Options
						$logo_options = mfn_opts_get( 'logo-link' ) ? mfn_opts_get( 'logo-link' ) : false;
						$logo_before = $logo_after = '';

... up to...

								echo '<img class="logo-main scale-with-grid'. $class .'" src="'. $logo_src .'" alt="'. mfn_get_attachment_data( $logo_src, 'alt' ) .'" '. $width .'/>';
								echo '';
								echo '';
								
							}
							
						echo $logo_after;
					?>

Albert · June 2016

We are sorry but what you want to do know, won't be possible without files customization unfortunately. And because files customization are not the part of support, you need to contact with your web developer.

Remove logo from top bar and center menu items

Comments