Custom language switcher

Hello,

I will be using Polylang for my client’s website. We need three languages – Czech, English and German.

And although I like Polylang’s features I’d love to have a different language switcher.

I need to place it next to the header navigation outside of the body container.

And no names or flags, just codes: CZ, EN and DE.

Can this actually be achieved? With my only little knowledge of CSS? ??

I’ve got this code snippet that I used on a different website but don’t know if it’s gonna work and which file to put it in.

<div style="float:right; padding-top: 15px; padding-right:  -100px;">
				<a href="./?lang=cz" class="default" title="Czech">
						<span style= "font-size:14px">CZ</span></a>
				<a href="./?lang=en" class="default" title="English">
						<span style= "font-size:14px">&nbsp;&nbsp;EN</span></a>
	                </div>

Here’s the picture of what I need to end up with:

https://www.akkozak.cz/wp-content/uploads/2015/09/Screen%20Shot%202015-09-02%20at%2012.04.02.jpg

Thanks for help!

David

https://www.ads-software.com/plugins/polylang/