-
Posts
-
hello,
as shown in the attached image in private content i have an issue with WPML : i can’t find how to remove the 2 supplementaries flags icon on the left side and keep only the wpml language selector.What is weird is that i don’t have the same problem with another Enfold website with exactly the same configuration ( same version of wordpress, WPML and latest Enfold ( see url in pc ).
thank you very much for your help
Kind regards,
Stan
Hey Victoria,
no in my precedent post there is only one screenshot that shows the problem ( see flags-issue.png attached again in pc ), the other was an url of an another enfold website where i don’t have the same issue ).
Best regards
Stan
Hi Stan,
Ok, but the link you posted is to a different website. Where can we see the issue?
Best regards,
Victoriahi, victoria,
there is a misunderstanding : the “issue” is in the previous post link : what i would like to know is how to remove the 2 flags icons on the left (from avia) to keep only the wpml ones.
Thank you in advance,
Best Regards
Hi Victoria,
sorry for the confusion i’ve made, the url i gave was just an extra example of one of my other enfold website using WPML to show what i want to achieve.
Please let me restart from beginning :
– Finally i disable the wpml flag menu to keep only the 2 avia flags icons form avia ( see screenshot )
– the only problem that is remaining is with the display on smartphone or tablet : as shown in screenshot the 2 flags are going over the logo and the burger menu icon : how can i fix it : is it possible to make them going above or in burger menu in smallscreen only ?
Please find attached all the details
Thank you very much for your help and support.
Kind Regards
Stan
Hi Stan,
Yes, it is possible, we just need the link to the page where we can see the issue.
Best regards,
VictoriaHello Victoria,
Have you been able to access the pages ?
I disabled the maintenance mode on the English version (see homepage link below).Thank you very much in adavnce for your help,
kind regards,
Stan
Hi,
We are sorry for the delay. Yes there is an issue which our team is working to solve. Our developers are already notified and they are working to get things fixed.
Best regards,
BasilisURGENT PLEASE HELP,
there is a big confusion with this ticket, i juste want to be help with the problem with the flags going over in vertical mobile view and not about the problem with maintenance mode.
Victoria told me on frebruary 19th : “no problem, just need to see the page” ( see my initial demand below )– Finally i disable the WPML flag menu to keep only the 2 avia flags icons form avia ( see screenshot )
– the only problem that is remaining is with the display on smartphone or tablet : as shown in screenshot the 2 flags are going over the logo and the burger menu icon : how can i fix it : is it possible to make them going above or in burger menu in smallscreen only ?
Please find attached all the details
Thank you very much for your help and support.
Kind Regards
Stan
Hi,
Thanks for the update.
Where do you want to move the flags? You can keep them where they are, but you have to decrease the size of the logo. Use this css code.
@media only screen and (max-width: 767px) { .responsive .logo img { max-height: 30px; } }Best regards,
IsmaelHi,
is it possible to move the flag above the logo ( the logo goes to small if i keep them where they are ).
Tank you for your help
best regards,
Stan
Hi,
Thanks for the update.
It sure is possible, but we need to create some space for the flags, so decreasing the width of the logo slightly is necessary. Please replace the previous css code with the following.
@media only screen and (max-width: 767px) { .responsive .logo img { max-height: 70px; } #top .av-language-switch-item a { padding: 0 7px; margin-top: 5px; line-height: 12px; height: 12px; } li.av-language-switch-item { left: 60px; top: 10px; } .responsive #top .av-burger-menu-main, .responsive #top .av-burger-menu-main a { height: 40px; line-height: 40px; } .responsive #top .av-burger-menu-main { top: 35px; } }This is how it is supposed to look after adding the css code.
// https://imgur.com/a/iMYOHXw
Let us know if that’s something you’d like to consider doing.
Best regards,
IsmaelHi Ismael,
Thank you very much it works like with this css code.
Can you please help me with another option of presentation :
– if i choose to add the extra info bar with phone number for example, the flag are going well above the logo : the only problem with this option is that the logo is cut above by the menu. How to keep the same white margin as without the extra info ( please see screenshot in private data + admin access ).
Thank you very much in advance for your precious help and support.
Best regards,
Stan
Hi,
Thanks for the update.
Use this css code to increase the vertical space above the logo container.
.html_top_nav_header.html_header_top.html_header_sticky #top #wrap_all #main { padding-top: 80px; }Best regards,
IsmaelHi Ismael,
thank you very much for the quality your support, this other quick css works also perfectly.
All that remains now is the problem with taking into account the translations (for example with the widgets in the footer) but I also read on the forum that this problem was soon to be solved in the next update of Enfold. Do you confirm and know approximately when this release will be available ?
Thank again for your help
Best regards,
Stan
Hi,
Glad we could help!
For additional inquiries, please open a new ticket or thread, so it won’t get mixed up with the original topic. This will also make it easier for other users who are looking for an equivalent solution. Thank you for understanding.
Best regards,
Ismael
- You must be logged in to reply to this topic.