Docs

[majid]

Hi ,
1- Please check picture , you will see yellow box around menu , every time i click on menu or button on page yellow box appear around that menu or button , how can i remove it ?

2- please go to the link bottom of the page “More About Us!” button , when you click on it , it will go to the page i assigned to it , then on that page when im trying to click on main menu for example “Brand’s” noting happen , how can i fixed that ?

appropriate for suggestion

[majid]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in!

1. To remove the yellow outline, just add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: none !important;
}

2. You’re using one page navigation, Please input complete URL e.g http://sibezard.com/en/home/#x-section-3 to navigate back from other pages.

Hope this helps!

[majid]

Thanks alot , first things fixed ,
about second one when click of any menu in “who are we?” page and come back to home page all menu button become hover .
the picture of attachment show menu when come back from “who are we ?” to home page

[Nabeel A]

HI there,

Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('.x-nav li').each(function(){
		$(this).removeClass('current-menu-item');
	});
	
	$('.x-nav li').click(function(){
		$('.x-nav li').each(function(){
			$(this).removeClass('current-menu-item');
		});
		$(this).addClass('current-menu-item');
	});
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Author]

Posts