search

qtranslate / qtranslate-xt

qTranslate-XT (eXTended) - reviving qTranslate-X multilingual plugin for WordPress. A new community-driven plugin soon. Built-in modules for WooCommerce, ACF, slugs and others.
GNU General Public License v2.0
553 stars 104 forks source link

Widget is not mobile / responsive friendly #1352

Open extremecarver opened 1 year ago

extremecarver commented 1 year ago

The widget at least with my theme - even after trying to solve with CSS inserts - is not mobile frienldy (pagespeed test is quite correct). The language selector tool should use bigger text and upon opening should open the selection list with bigger sizing.

The flags also display too close to each other.

I solved the image part with the following CSS:

line-height: 160%; 
.qtranxs_language_chooser li { list-style:none; float:left; margin-right: 7px; height: 10px;} 
.qtranxs_language_chooser a { margin: 10 10px; padding: 10px 0px 100px 4px; } 
.qtranxs_widget img { height:22px; }

However then the flags are too low resolution. There should be a big flag mode with flags at 175% the size.

I am unable to change the language selector to be mobile friendly/responsive. I know this is a bit theme dependant - but I tried with various themes and all were unsatifsfactory (not passing google mobile friendly test)

extremecarver commented 1 year ago

Oh sorry, I think it is it's just complicated setting up the CSS as it partly depends on the theme.