WPML flags position on mobile

depietrijojo3 · June 2015

Hello there, I'm currently BeTheme on www.cadelmonastero.com . I'd like to ask you whether it's possible to modify the language selector location on Mobile to place it on the top left on the same row with logo and menu.

Please see the image below:

Thanks for letting know!

Regards,

J.D.

Albert · June 2015

Hi,

this can not be done within css only because html must be modified in this case.

Thanks!

depietrijojo3 · June 2015

Any further help on how to achieve this? Even by modifying html/php files?

Would be much appreciated!

Thanks & Regards,

J.D.

Albert · June 2015

It is possible within files modifications only but we do not offer these kind of customizations. You should contact with your website developer if you want to modify files and don't know how.

Thanks for understanding!

depietrijojo3 · June 2015

Thanks. I understand.

Is there anyways to simply hide it via Custom CSS (so that also the corresponding line doesn't show)?

Cheers

J.D.

Albert · June 2015

Yes, it is possible to hide it via CSS. But do you want to hide whole flag section?

depietrijojo3 · June 2015

Yes correct hide the whole flag selection (only for mobile).

Thanks,

J.D.

depietrijojo3 · June 2015

Actually, another solution would be (if possible), to do the following (for mobie online).

Move the logo left & force the language selector to stay right (on the same line) to the menu icon.

Please let me know if this solution would be feasible. Or simply tell me how to remove the language selector altogether (mobile only).

Thanks!

J.D.

Albert · June 2015

Ok. So to remove flag selection from mobile only, please use below css:

@media only screen and (max-width: 767px) { 
    #Top_bar .wpml-languages { display: none !important; }
}

depietrijojo3 · June 2015

Thanks for that!

Albert · June 2015

You're welcome

pinajans · June 2015

Hi depietrijojo3

This try...

#Top_bar .wpml-languages a.active,
#Top_bar .wpml-languages ul.wpml-lang-dropdown { background: transparent; border-color: transparent;}

@media only screen and (max-width: 767px) {
#Top_bar .top_bar_right {
top: 0; height: 60px;
padding: 0px 0px;
float: right;
margin-top: -60px;
}

#Top_bar a.responsive-menu-toggle {left: 0px;}

>-

depietrijojo3 · July 2015

Pnajans! You are THE man, thanks a lot.

Just seen this now. It works like charm.

Graziee!

J.D.

WPML flags position on mobile

Comments