Return to previous page

How to Customize Language Switcher Style and Position in Menu?

This topic has 5 replies, 3 voices, and was last updated 1 weeks, 3 days ago ago by Jae

Jae

Participant

June 23, 2025 at 06:24

Hi, Is there a way to slightly move the language switcher section to the right in the menu? Also, is it possible to change the font, size, weight, and color of the language text?

Files is visible for topic creator and
support staff only.

#447751 Copied

4 Answers
Alex Carter

Support staff

June 23, 2025 at 07:14
Hello,

Thank you for reaching out to us.

Custom CSS code can be used:

li#menu-item-3604-ch .etheme-elementor-nav-menu-item-parent .elementor-item { margin-left: 30px; font-size: 20px; font-weight: 900; color: red; }

https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Warm Regards,
The 8Theme Team
#447761 Copied
Jae

Participant

June 23, 2025 at 09:15

Hi,
I’ve added a language switcher to my main menu. The structure is not a typical dropdown — instead, the current language is hidden, and when you click the language menu, it shows only the other available languages.

I was able to style the main language item using the custom CSS you sent me before (margin, font size, color, etc.), but the styles don’t apply to the other language options that appear after clicking and the hover as well.
Could you please share the code for this part?

#447781 Copied
Luca Rossi

Support staff

June 23, 2025 at 11:03
Dear Jae,

We hope this message finds you well.

Kindly update the previous CSS code with the following:

ul.etheme-elementor-nav-menu li.lang-item .etheme-elementor-nav-menu-item-parent .elementor-item { margin-left: 30px; font-size: 20px; font-weight: 900; color: red; }

Thank you in advance for your assistance.

Best regards,
The 8Theme Team
#447797 Copied
Jae

Participant

June 23, 2025 at 12:44

Thanks for the support! My topic “How to Customize Language Switcher Style and Position in Menu?” has been successfully resolved.

#447806 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘How to Customize Language Switcher Style and Position in Menu?’' has been successfully resolved, and the topic is now closed for further responses

How to Customize Language Switcher Style and Position in Menu?

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection