-
AuthorPosts
-
August 27, 2015 at 12:30 pm #494061
I managed to add the code without errors, check it now.
August 27, 2015 at 12:32 pm #494063Hi Josue,
Now the language selector is on the left over the logo and the flags are still there on the right side of the menu…
Could you please get back to me quickly because this is even worse than before…
Thanks,
Tim,
- This reply was modified 9 years, 3 months ago by timpro.
August 27, 2015 at 12:42 pm #494067Sorry, it’s disabled now. Can you post a screenshot/mockup of what would be the ideal look?
August 27, 2015 at 12:47 pm #494068Hi again,
Ideally it would be to have a small selector of languages in the top bar at the right side.
If that’s too complicated than have the flags put there instead of on the other side.
Thanks,
August 28, 2015 at 12:16 pm #494784Hi!
try this code:
ul.avia_wpml_language_switch.avia_wpml_language_switch_extra { left: 900px; top: -27px; } div#header_meta { top: 20px; }
and adjust as needed.
Cheers!
AndyAugust 28, 2015 at 4:51 pm #494979Hi Andy,
Where should I put this code?
I tried in the functions.php but it’s not changing anything.
Tim,
August 31, 2015 at 7:51 am #495611Hi!
You should add the code on Enfold > General Styling > Quick CSS field. All css modifications should go there.
Regards,
IsmaelSeptember 17, 2015 at 12:13 pm #504686September 17, 2015 at 12:51 pm #504719Hi!
I tried to login, but couldn’t, can you check login details and post them again here? A mockup showing what you want to achieve would helps us a lot (use imgur or dropbox). However, feel free to hire a freelance developer for this job.
Cheers!
AndySeptember 17, 2015 at 12:53 pm #504722Hi Andy,
I already sent a mockup through dropbox. See above.
I will re-enable access.
Thanks,
September 17, 2015 at 12:59 pm #504725Hi!
alright, I see. Let us know when you are ready to provide us admin access.
Regards,
AndySeptember 17, 2015 at 1:03 pm #504727Hi Andy,
You should have access now.
Tim,
September 17, 2015 at 1:42 pm #504755Hey!
I implemented this code (which I already have given to you in one of my previous pos!) into your Quick CSS field:
ul.avia_wpml_language_switch.avia_wpml_language_switch_extra { top: -27px; right: -1150px; } div#header_meta { top: 20px; }
Now it looks to me as in your mockup.
Regards,
AndySeptember 17, 2015 at 1:45 pm #504761Hi Andy,
Look at the attached picture.
It does not look at all like my mockup… The menu is all messed up now…
Tim,
September 17, 2015 at 1:50 pm #504767Andy,
Could you please put it back the way it was if you cannot fix it?
Furthermore, I would prefer to have the language selector instead of the flags.
What about the menu over the logo issue?
Let me know if I need to hire someone for these issues.
Thanks,
September 17, 2015 at 2:21 pm #504792Hi!
I adjusted the code and now it looks like this for me: see private content
Please review your website and let us know.
Cheers!
Andy- This reply was modified 9 years, 2 months ago by Andy.
September 17, 2015 at 2:23 pm #504796September 17, 2015 at 2:24 pm #504797Hi,
It looks like this to me.
Tim
September 17, 2015 at 2:37 pm #504811Hey!
that’s weird. Clear browser cache and hard refresh a few times. However, use this code to control position of the flags which I already implemented:
ul.avia_wpml_language_switch.avia_wpml_language_switch_extra { right: -1350%; }
and adjust the “right” value until it fits for you. You can also use px instead of %.
Best regards,
AndySeptember 17, 2015 at 2:51 pm #504834Hi again,
I adjusted to -2050% which does the trick for me except for the french language.
When the french flag is selected, the flags go back in the middle (despite the exact same implemented CSS code as the other languages) and the Dutch flag disappear… very strange….
By the way I just tried on my laptop and there I don’t see the flags at all.
Let me know what you see.
Thanks,
Tim,
- This reply was modified 9 years, 2 months ago by timpro.
September 17, 2015 at 3:53 pm #504914Hey!
ok, I found a much better solution. I added this code:
.sub_menu { float: right; }
and replaced this one:
ul.avia_wpml_language_switch.avia_wpml_language_switch_extra { right: -1350%; }
with this:
ul.avia_wpml_language_switch.avia_wpml_language_switch_extra { left: 100px; }
which looks good to me now. Can you confirm?
Regards,
AndySeptember 17, 2015 at 4:02 pm #504928Hi Andy,
Yes this works on both a laptop and a desktop the same way! Looks great!
The french flag issue remains however and the phone number is spaced out from the rest.
We’re getting close :)
Tim,
September 17, 2015 at 4:37 pm #504969Hey!
you can control phone number with this code:
.phone-info { left: -20px; }
Adjust as needed.
Weird with this disappearing durch language flag. Did this happen before as well (before applying all this custom CSS)? Try to deactivate all other plugins but WPML to see if one is causing this issue.
Regards,
AndySeptember 17, 2015 at 5:03 pm #504998Hey,
I deleted the phone code altogether and it works fine except again for the french language.
I disabled all plugins and the issue was still there.
Tim,
September 18, 2015 at 10:53 am #505351Hi Andy,
Any updates on this? Would you be able to fix this issue?
It’s quite urgent unfortunately.
Thanks,
Tim,
- This reply was modified 9 years, 2 months ago by timpro.
September 18, 2015 at 1:49 pm #505484Hi!
refuse from bumping into your own thread, because it marks it as answered and pushes it behind in our queue.
Does it disappear as well when you remove the custom CSS code we implemented to move it to the right? Please ask WPML support about this issue as well, as they know their plugin best.
Cheers!
AndySeptember 18, 2015 at 2:09 pm #505515Hi Andy,
Ok good to know for the thread queue.
The issue already occurred before the code. I already asked WPML for support but aren’t theses flags part of Enfold’s theme?
Let me know if there’s nothing more you can do from your side.
Thanks,
Tim,
September 18, 2015 at 3:20 pm #505587Hi!
could be so many things why this is happening. You are using a caching plugin. Go into it’s settings and switch off caching. Afterwards deactivate this and all other plugins. Then clear browser cache and hard refresh a few times. Do this for all caching plugins you are or you have used in the past.
Regards,
AndySeptember 18, 2015 at 3:38 pm #505605Hi Andy,
I already did all these test.
One solution I would see is to replace these flags by WPML language selector.
I have the PHP code here: <?php do_action(‘wpml_add_language_selector’); ?>
I’m just not sure where to place this code so it appears instead of the flags?
Tim,
September 18, 2015 at 3:47 pm #505614Hi!
what does WPML say about this? try to put it inside your (child theme) functions.php.
Best regards,
Andy -
AuthorPosts
- The topic ‘Menu over logo’ is closed to new replies.