Mobile menù

Hey guys,
you helped me with the mobile menu from another site #876573
Now I have the same problem. I want to show the page “Impressum” and “Datenschutz” only in the mobile menu but not on desktop.
I update enfold and use classes but it doesn´t work :(

And the site doesn´t look the same in safari on iphone. Some css changes doesn´t work…why?

Thank you

Hi,

@mary301187 – please create a new thread and we’ll help you there.

must tell you that the mobile problem has happily disappeared! But then I tried it on the desktop and here it generates problems (I send you in private).

I tried to reproduce the issue with Chrome, Edge and Firefox but I couldn’t. Please try to clear your browser cache and check the website again.

Regarding the icon – according to: https://css-tricks.com/snippets/html/set-iphone-bookmark-icon/ following code should enable you to set an bookmark icon:

function avia_header_scripts_custom_bookmark_icons(){
?>
 	<link rel="apple-touch-icon-precomposed" href="icon" />
 	<link rel="apple-touch-icon" href="http://mywebsite.com/iphone-icon.png"/>
<?php
}
add_action('wp_head', 'avia_header_scripts_custom_bookmark_icons');

Replace http://mywebsite.com/iphone-icon.png with the url to your icon

Best regards,
Peter

Hi,

Ah – now I could reproduce the issue. I could fix it on my end with following code:

function avia_footer_scripts_close_menu(){
?>
<script>
jQuery('.html_av-submenu-display-click').on( 'click', 'a', function (e) 
{
	if(! jQuery('html').hasClass('av-burger-overlay-active')) return;
	var avia_custom_burger_menu = jQuery('.av-burger-menu-main a').find('.av-hamburger');
	avia_custom_burger_menu.parents('a').eq(0).trigger('click');
});
</script>
<?php
}
add_action('wp_footer', 'avia_footer_scripts_close_menu', 999);

Please check if it works on your end too.

Best regards,
Peter