Skip Navigation

This is the technical support forum for WPML - the multilingual WordPress plugin.

Everyone can read, but only WPML clients can post here. WPML team is replying on the forum 6 days per week, 22 hours per day.

This topic contains 6 replies, has 2 voices.

Last updated by Diego Pereira 9 months, 2 weeks ago.

Assigned support staff: Diego Pereira.

Author Posts
December 4, 2020 at 2:36 am #7591627

alexL-45

Dear Wpml,

How to add an arrow icon on the right side of the menu of language translation?

Please see attachment below.

Thank You

December 4, 2020 at 6:25 am #7592823

alexL-45

Anybody there can help

December 4, 2020 at 7:31 pm #7596829

Diego Pereira
Supporter

Languages: English (English ) Spanish (Español ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hello, welcome to the WPML support Forum!

Sorry for the big delay. We are with a big load of tickets at this moment.

This will require some CSS customization. If you want, I can take a look at your website and try to provide a quick solution. However, I noticed that the URL is protected by a password (hidden link). Could you please provide the password so we can take a look? I will enable the private field.

PS: Please note that customization is not part of our support policy: https://wpml.org/purchase/support-policy/

Please let me know if it worked for you.

All the best,

Diego

December 7, 2020 at 1:27 pm #7608117

Diego Pereira
Supporter

Languages: English (English ) Spanish (Español ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hi there,

I added the following CSS code to Appearance > Customize > Additional CSS and it added the arrow to the submenu:

.raven-nav-menu-main .wpml-ls-item .sub-menu li {
  position: relative;
  background: #ff0000;
}

.raven-nav-menu-main .wpml-ls-item .sub-menu li a::before {
  content: '▶';
  position: absolute;
  left: 4px;
	font-size: 8px;
}

Kind regards,
Diego

December 10, 2020 at 1:05 am #7630219

alexL-45

Hi,

I think you are miss understand what i want. Actually i want the arrow "down" beside the language selection there. Please see attachment below.

Thank You

OnPaste.20201210-090235.png
December 10, 2020 at 8:21 am #7632393
alexL-45

Hi, may i know how to change language for this Breadcrumbs section

New threads created by Diego Pereira and linked to this one are listed below:

https://wpml.org/forums/topic/split-language-menu-arrow-icon/

OnPaste.20201210-161916.png
December 10, 2020 at 7:58 pm #7638691

Diego Pereira
Supporter

Languages: English (English ) Spanish (Español ) Portuguese (Brazil) (Português )

Timezone: America/Sao_Paulo (GMT-03:00)

Hi there,

Done. This snippet did the trick:

.raven-nav-menu-main .wpml-ls-item a.has-submenu::after {
  content: "▼";
  display: inline;
	margin-left: 5px;
	font-size: 10px;
}

As the previous issue has already been resolved, I will open a new ticket for this new one.

I will reply in the new ticket.

Regards,
Diego