Hi,
I have a secondary menu on the very top of my page. I would like to add two clickable flags for language selection and I need the flags to be placed after social media icons. So the structure would be like links – social media buttons and flags.
I truly appreciate it if you could let me know how I can do it. Thank you….
P.S.: I do not want to use any other plugin like WPML
Hey a_edemirci,
I recommend adding two more social media profiles, ones that you don’t plan on using. Then add the link to your language pages, for example 500px & behance:
Then add this css:
.social_bookmarks_five_100_px a:before {
content: url(https://img.icons8.com/officexs/16/000000/great-britain.png);
top: 12%;
position: relative;
}
.social_bookmarks_five_100_px a svg {
display: none;
}
.social_bookmarks_behance a:before {
content: url(https://img.icons8.com/officexs/16/000000/switzerland.png);
top: 12%;
position: relative;
}
.social_bookmarks_behance a svg {
display: none;
}
for this result:
to remove the hover title, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function custom_script() { ?>
<script>
(function($){
$(".social_bookmarks_five_100_px a, .social_bookmarks_behance a").hover(function(){
$(this).removeAttr("title");
});
})(jQuery);
</script>
<?php
}
add_action( 'wp_footer', 'custom_script', 99 );
Best regards,
Mike
Hello Mike,
I will give it a try. Thank you for this quick but effective solution
Best….
Hi,
I will leave this open until you write back that it is working.
Best regards,
Mike
Hello Mike,
It worked perfectly. Please feel free to close this thread. Thank you very much again….
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike