Multilanguage Flags in mobile device

Hi,

How can i do to show the multilanguage flags in a mobile device browser? There are the links to change the language but no the flag images.

Thanks.

The webpage is: http://www.beachwheelseurope.com

Hi, try to use CSS z-index Property for language icons:

Code: Select all

.mod-languages ul li a img { z-index: 999; }

If won't help give me info here.

Thanks pfrankowski, but it doesn't work.

I put the code in the override.css and in the mobile.css but don't work.

hmm, so send me in PM access to the back-end (login/passoword/url) I will check it today.

Hi, first please update your Joomla to Joomla 2.5.9

Hi, add this code:

Code: Select all

.mod-languages ul li a img { display: block;margin-top:20px;margin-left:5px;}

only in mobile.css!!

Perfect, now i can see the flags. Let me make you another question.

How can i adapt a little bit the css to the mod language? the gkTopLinks has this css

#gkTopLinks a {
border-left: 1px solid #fff;
border-left: 1px solid rgba(255, 255, 255, 0.5);
display: block;
float: left;
/* height: 46px;*/
height: 35px;
margin-left: 5px!important;
margin-top: 0;
text-indent: -9999px;
/* width: 38px;*/
width: 30px;
}

I see that the white line that separe each top link don't arrive to the bottom and the flags are not inline with the top links.

Thanks.

I fixed a little my source code in my last post, now it looks good.

icon-flag.png

Of course you can try change value of margin-top to 23px.

Pawel, can you say me what extensioin are you using to see in firefox the web in mobile format?

Then i'd use firebug to adapt the css.

Thanks a lot!!!

Hi, this template is responsive , so I just resize browser window.
Of course there are few online tools like:
http://mattkersley.com/responsive/
or
http://responsivetest.net/