Hi,
I’d like to know how to add an image / icon on the navigation menu, like a small flag that would link to an english version of my website ?
How can I do that ?
Thanks,
Julien
Hi Julien!
Create two custom link in the Menu (both sites) and put them a class of .flag-x and .flag-z. after you done that reply back to this topic so we can try to add the flags with CSS, also provide us with the images you want to use as flags.
Regards,
Josue
Hey!
I don’t see that extra menu link, also please resize those flags to something smaller like 24×24, here’s how it looks right now:
With this code applied:
#menu-item-2317 a {
text-indent: -99999px;
background: url(https://fredcouvreurdesign.ca/wp-content/uploads/drapeau-francais.png) no-repeat center center transparent;
width: 300px;
}
Cheers!
Josue
Hey,
Thanks again,
The extra menu links are there. On both sites : http://fredcouvreurdesign.ca and http://fredcouvreurdesign.ca/en
And I changed the size of the images. 300px was a little bit too big :)
The images are here :
http://fredcouvreurdesign.ca/wp-content/uploads/drapeau_USGB.png
http://fredcouvreurdesign.ca/wp-content/uploads/drapeau_francais.png
So now, I copy paste the code you gave me in the custom CSS ?
Regards,
Julien
Hey again,
OK this time it’s done for good !
Thanks for your help ! Really really appreciated !! ;-)
Best regards,
Julien