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 thread is resolved. Here is a description of the problem and solution.

Problem:
The flag are on the top right on desktop view but they go in the menu when we are are in smart phone view. We want that they stay in the top right corner.

Solution:
You can fix this issue by adding the following CSS in custom CSS section of the theme OR in WPML >> Languages > Additional CSS section:

@media (max-width: 980px) {
body #et-secondary-menu, body #et-secondary-nav {
    display: block !important;
    position: relative;
}
}

This topic contains 5 replies, has 2 voices.

Last updated by rolandG-9 3 months, 1 week ago.

Assigned support staff: Noman.

Author Posts
July 2, 2019 at 5:17 pm #4129115

rolandG-9

Hi,

The flag are on the top right on desktop view but they go in the menu when we are are in smart phone view

My client want that they stay in the top right corner

The problem is that when we use the smart phone view the flag are going in the menu principale instead of staying in the tope, can you help ?

Thanks in advance

Formation Mac

WPML Multilingual CMS Installed Yes 4.2.7.1
WPML CMS Nav Not installed No n/a
WPML String Translation Not installed No n/a
WPML Sticky Links Not installed No n/a
WPML Translation Management Not installed No n/a
WPML Media Not installed No n/a
WooCommerce Multilingual Not installed No n/a
Gravity Forms Multilingual Not installed No n/a
Yoast SEO Multilingual Not installed No n/a

PHP

Version 7.3.5
Memory limit 640M
Memory usage 67.57 MB
Max execution time 60
Max input vars 1000
Utf8mb4 charset Yes
WordPress

Version 5.1.1
Multisite No
Memory limit 640M
Max memory limit 640M

Roland

July 2, 2019 at 6:21 pm #4129373

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Thank you for contacting WPML Support. You can fix this issue by adding the following CSS in custom CSS section of the theme OR in WPML >> Languages > Additional CSS section:

@media (max-width: 980px)
body #et-secondary-menu, body #et-secondary-nav {
    display: block !important;
    position: relative;
    top: 4px;
}

And it will look as in the attached screenshot.

Please let me know if this resolves your issue or you need further assistance with this issue.

Thank you

July 4, 2019 at 4:21 am #4140295

rolandG-9

Hi Noman,

The css code that you give me have a error. See the image in attached.

Could you provide a correction ?

Thanks

Roland

July 4, 2019 at 8:30 am #4141217

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi,

Sorry, curly braces were missing in my previous code. Here is correct code:

@media (max-width: 980px) {
body #et-secondary-menu, body #et-secondary-nav {
    display: block !important;
    position: relative;
}
}

Could you please try above code and let me know how it goes?

Thank you

July 11, 2019 at 12:41 pm #4189861

rolandG-9

Hi Noman,

Thanks for your help the CSS code works well.

Roland

July 11, 2019 at 12:42 pm #4189863

rolandG-9

My issue is resolved now. Thank you!