katarinaP

Problem:
The client is trying to remove the padding-right on the language switcher in the top menu on the right but is unable to target the switcher properly or override the properties due to multiple !important tags.
Solution:
1. The issue might be related to the CSS from WordPress itself, specifically from the Gutenberg block styles. The padding might be set by the following CSS rule in the file

/wp-includes/css/dist/block-library/style.min.css?ver=6.9

:

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
    padding-left: 0;
    padding-right: .85em;
}

To override this, add the following CSS rule in WPML > Languages > Language switcher options > Additional CSS:

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
  padding-left: 0;
  padding-right: 0 !important;
}

2. If the issue persists, it might be due to the theme. We recommend testing with a different theme, such as the Twenty Twenty Five Theme, to see if the issue still occurs. You can use a WPML test site to experiment with different themes and settings.

3. Additionally, the padding issue might be influenced by CSS Flexbox properties set in the class

.wp-block-navigation__container

from the file

/wp-includes/blocks/navigation/style.css

, which uses

display: flex;

.

If these solutions do not resolve the issue or seem outdated, we highly recommend checking related known issues at https://wpml.org/known-issues/, verifying the version of the permanent fix, and confirming that you have installed the latest versions of themes and plugins. If the problem persists, please open a new support ticket.