Return to previous page

Top Menu Link in line with language switcher

This topic has 8 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

Fabio

Participant

December 10, 2017 at 10:07

Dear Support,

I am currently using WPML and on the top left side of my website I have the language switcher. I would like to add a link (Home) on the right hand side of the switcher (in the same line).

I tried to do so by adding a “text” widget, however when I do so the language switcher disappears and it gets replaced by the “Home” link.

Please let me know how to solve this issue.

Best regards.

F.

#179799 Copied Theme version: last WooCommerce version: last

7 Answers

Rose Tyler

Support staff

December 11, 2017 at 09:16

Hello,

Thanks for the topic. Hope you are having a nice day.
Could you please provide wp-admin access in Private Content?

Regards

#179823 Copied

Fabio

Participant

December 11, 2017 at 22:15

Sure, no problem.

Before doing it, could you please confirm that you will not modify anything without letting me know?

I would like to have this confirmation, because it is a live website and a potential technical issue causing the website to be down would create a big issue for me.

Thanks in advance for your understanding.

Best regards.

F.

#179865 Copied

Rose Tyler

Support staff

December 12, 2017 at 08:33

Hello,

Ok. We will check what can be done to achieve desired displaying and explain any modification if these will be made.

Regards

#179885 Copied

Fabio

Participant

December 12, 2017 at 10:55

Details provided in Private

Please, contact administrator
for this information.

#179904 Copied
Rose Tyler

Support staff

December 12, 2017 at 11:16
You may add Multilingual Text element into Place in header top bar > http://prntscr.com/hme07j
and add this code in custom.css file of your parent theme or in style.css file of child theme:
```
.top-bar .languages-area div {
    display: inline-block;
}
.top-bar .languages-area .widget_icl_lang_sel_widget {
    width: 80%;
}
.top-bar .languages-area {
    width: 230px;
}
.top-bar .languages-area .widget_text_icl {
    vertical-align: middle;
}
@media (max-width:480px){ 
.top-bar .languages-area div {
    display: block;
}
.top-bar .languages-area .widget_text_icl{
   display: none;
}
}
```
Regards
#179910 Copied
Fabio

Participant

December 12, 2017 at 16:13

Thank you Rose for your reply.

I tried to implement the suggested code however, the Home link is not on the same line as the switcher (the code was inserted in style.css of the child theme). Rather it is positioned underneath the switcher.

Could you please support me, for me this solution is not acceptable yet.

Best regards.

F.

#179960 Copied

Rose Tyler

Support staff

December 12, 2017 at 16:22

You’re welcome!
Please clear cache and check one more time http://prntscr.com/hmii5i

Regards

#179963 Copied
Viewing 8 results - 1 through 8 (of 8 total)