Tagged: breakpoint, languages flag, open graph
Hello
I’m in the process of adding a blog and a second language to a site made with Enfold several years ago and I’m having trouble.
I still have 3 problems to solve:
1- Find a way to modify the breakpoint (at 1180px) to display the burger instead of the menu.
2- Permanently remove these language choice flags that regularly appear twice (in the enfold > header > extra elements menu, I don’t have the option to remove these damn flags).
3- Do you have an Enfold open graph solution for sharing posts on Linkedin and Whatsapp? I’ve installed the free version of Yoast SEO.
Thanks for your feedback.
Translated with http://www.DeepL.com/Translator (free version)
Oops, I’ve just corrected an error in my CSS and the first 2 points are fixed.
Hi,
Thank you for the inquiry.
1.) You can add this css code to adjust the breakpoint of the burger menu.
@media only screen and (max-width: 1180px) {
nav.main_menu li:not(.av-burger-menu-main, .av-active-burger-items) {
display: none;
}
.av-burger-menu-main {
display: block;
}
}
2.) Add this code in the functions.php file to disable the default language flags.
function ava_remove_default_flags(){
remove_filter( 'wp_nav_menu_items', 'avia_append_lang_flags', 9998, 2 );
remove_filter( 'avf_fallback_menu_items', 'avia_append_lang_flags', 9998, 2 );
remove_action( 'avia_meta_header', 'avia_wpml_language_switch', 10);
}
add_action('after_setup_theme','ava_remove_default_flags');
3.) You can enable the sharing links in the Enfold > Blog Layout > Share Links At The Bottom Of Your Blog Post section.
Best regards,
Ismael