Safari Menu Fix

[zuhloo]

Hi Marco,

do you got updates for the Safari Menu Bug? Would be great 😉

kind regards

[Marco]

Hi zuhloo, seems that safari has’nt resolved that bug.. when i’ll fix i don’t esitate to publish an’update 😉
but if you would i can send you another type of bootstrap menu class (centered like this attached)…
Regards

Marco

Attachments:

You must be logged in to view attached files.

[zuhloo]

Hi Marco,

that would be great!

[cbkwebdesigns]

Hello Marco, I’m loving the theme . . . I am having the same problem as Zuhloo above. Could you please me another type of bootstrap menu class as you did to Zuhloo?

Thank you

[Marco]

Hi all, attached NEW CENTERED MENU , this menu FIX the Safari problem with bootstrap

You only have to override your existing file with these…

My king regards all

Marco

Attachments:

You must be logged in to view attached files.

[zuhloo]

This reply has been marked as private.

[zuhloo]

This reply has been marked as private.

[Marco]

Hi zuhloo, attached your header with mod

Regards
Marco

Attachments:

You must be logged in to view attached files.

[susanafont]

Hi Marco,

I’m having this problem, but I don’t dare to change my header.php with this one, as you gave me the header.php with the problem of the colors solved.

Could you tell me is this header fixes both problems, and if not, what lines do I have to add to my header.php and styles.css in order to solve it.

MANY THANKS FOR YOUR HELP!

Susana

[Marco]

Hi Susana, you have to replace your actual NAV tag with these pasted below:

<nav class="container">
		<div class="row">
	
			<div class="col-sm-12">
				<div class="wrapper">
					<div id="bars">
						<span class="fa-stack fa-lg">
							<i class="fa fa-square fa-stack-2x"></i>
							<i class="fa fa-bars fa-stack-1x"></i>
						</span>
					</div>
					
					<?php
				
					if( has_nav_menu('Main Menu') ) :	
						wp_nav_menu( array(
							'theme_location'	=> 'Main Menu',
							'container' 		=> '',
							'menu_class' 		=> 'nav text-center',
							'menu_id' 			=> 'mainmenu',
							'echo' 				=> true,
							'depth'				=> 99,
						)
					);
					endif;
							
					?>
				</div>
			</div>
	
		</div>
	</nav>

My king regards
Marco

[CollegeOutside]

What is this safari menu bug. I have an issue in safari when I initially load the theme, the menu items are split to two rows and offset, once I refresh, they appear as expected. Is this the resolution?

Attachments:

You must be logged in to view attached files.

[burakbeceren]

Hi Marco, I also have the same bug on safari for the menu. Is there a permanent solution for this? Thank you

[Marco]

Hi guys, i’m working on it… i’v resolved it taking off this class “items justyfied width” and making a centered class for menu items…

burakbeceren, i haven’t this bug in my local and only installation… i would to work on your online website to test new code to fix it… please reply me on nardi.marco (AT) gmail.com writing your administration details + this thread link and i’ll check if i have definitely resolved this safari bug with bootstrap framework…

My king regards
Marco

[Marco]

Safari menu FIXED!!!

i open a new section for this resolution…

My king regards
Marco

[Marco]

BUG SOLUTION (OldPaper 1.4+)

OPEN HEADER.PHP FILE

find the has_nav_menu function and add the class “nav-pills” as below:

<?php
				
	if( has_nav_menu('Main Menu') ) :	
		wp_nav_menu( array(
			'theme_location'	=> 'Main Menu',
			'container' 		=> '',
			'menu_class' 		=> 'nav nav-pills nav-justified',
			'menu_id' 			=> 'mainmenu',
			'echo' 				=> true,
			'depth'				=> 99,
		)
	);
	endif;
							
?>

My king regards
Marco