Why does a menu item in the Top Bar not show in mobile?

  • Hello, we are setting up a new multilingual site using your theme and WPML,

    Although we read all the documentation we managed to add it on desktop view by creating a menu in the “top bar” and looks great on desktop but it doesn’t appear in mobile. there are no clear instructions neither in your site or the plugins site as to how to properly set up the language switcher.

    Please check the top left one, we were able to include one inside the main menu but that won’t be useful for mobile users, we need it in the top left,

    So why is the element in the top bar not showing in mobile? Even if we set the option “mobile” it won’t show.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Manu

    (@manuxx34)

    I managed to add it using the shortcode for WPML inside the topbar content in your theme but can you please tell me how to make the elements show next to each other instead of one of top of another

    In topbar content I have: [wpml_language_selector_widget] Call Us: (213) XXX-XXXX
    but as you can see the call number appears below the language switcher.

    Regards
    Manuel

    • This reply was modified 4 years, 10 months ago by Manu.

    Hello,

    Try adding the below code to the Customize > Custom CSS section and check it works or not – 

    @media only screen and (min-width: 767px) {
span.topbar-content {
    display: inline-flex;
}
.wpml-ls-legacy-list-horizontal {
    padding: 0;
    border: 0;
}
.wpml-ls-legacy-list-horizontal a {
    line-height: 0;
}
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Why does a menu item in the Top Bar not show in mobile?’ is closed to new replies.