WPML flags position on mobile

depietrijojo3

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

Hi,

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

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

depietrijojo3

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

Would be much appreciated! 

Thanks & Regards, 

J.D.

Albert

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!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

depietrijojo3

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

depietrijojo3

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

Thanks, 

J.D. 

depietrijojo3

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

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; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

depietrijojo3

Thanks for that!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

pinajans

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

Pnajans! You are THE man, thanks a lot. 

Just seen this now. It works like charm. 

Graziee!

J.D.