Adding language links to navigation

  • databell96

    (@databell96)


    7 years, 9 months ago

    I’m doing an all-Canadian site for a client. Since it’s exclusively for Canada, there’s no point in having Flag links. I just want to add the abbrievated EN and FR to the menu. So I did that, using ca.veilcosmetics.com for the EN link and ca.veilcosmetics.com/fr for the FR link. Thought that would work but it doesn’t. Both links take on whatever language I’m actually on at the time.

    There’s only going to be two languages on the site. So I thought the Language Switcher was too much. So is there a way I can simply add these links to the menu and make it easy?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Anticosti

    (@anticosti)

    7 years, 9 months ago

    Hi databell96,
    For your first question:
    You can simply rename your languages as this:
    FR
    EN

    Then, to remove the flags you can use CSS. You will have to find the selector and add this:

    selector here a img {
display: none !important;
vsibility: hidden !important;
}
    • This reply was modified 7 years, 9 months ago by Anticosti.
    • This reply was modified 7 years, 9 months ago by Anticosti.
    Anticosti

    (@anticosti)

    7 years, 9 months ago

    Back to my desk and checked my CSS.
    This is how I am hiding the flags:

    ul.wpm-language-switcher li span img,
ul.wpm-language-switcher li a img {
	display: none !important;
  	visibility: hidden !important;
}
    Thread Starter databell96

    (@databell96)

    7 years, 9 months ago

    Thanks, Anticisti! That really helped me out a lot. The Canadian site went live late last night and that was the final piece. Big help.

    Anticosti

    (@anticosti)

    7 years, 9 months ago

    Glad I could help.
    Good luck with your web project!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Adding language links to navigation’ is closed to new replies.

Tags