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 1 reply, has 2 voices.

Last updated by Andreas W. 1 year, 2 months ago.

Author Posts
May 4, 2024 at 1:14 am #15593027

denisP-23

I'm trying to list the dropdown menu that displays only flags with a small padding around each flag image. This dropdown should appear as the last item in a list on the webpage, similar to what is shown in the attached image.

Link to the page where the issue can be seen:
teamstyles.pt

Expected Outcome:
I expect to see a dropdown menu containing only flag icons with some space around each flag, positioned as the last item in the list.

Actual Outcome:
Currently, the flag icons are displayed in the dropdown, but the flag names are hidden, leaving the size of the text visible.

teamstyles-menu.jpg
May 4, 2024 at 2:59 pm #15593562

Andreas W.
WPML Supporter since 12/2018

Languages: English (English ) Spanish (Español ) German (Deutsch )

Timezone: America/Lima (GMT-05:00)

Hello,

I can see that you handled removing the text already. The space must have been appearing, as the font color was set to "black".

Take note, that this is a theme issue, as the theme controls the style of this dropdown and not WPML.

You can center the flags by adding some CSS at WPML > Languages > Language Switcher Options > Additional CSS:

#top-menu li li {
    padding: 0 8px;
    margin: 0;
}

Best regards
Andreas

The topic ‘[Closed] Flag List Menu too large’ is closed to new replies.