Flag placement in Mobile menu - by pas01_445

This topic has 8 replies, 3 voices, and was last updated 6 years, 11 months ago ago by Max Mullins

  • Avatar: pas01_445
    pas01_445
    Participant
    May 8, 2017 at 18:08

    Hi
    I use the WPMl to do my site Multilanguage.

    If I choose the flags to be displayed in the end of the line in main menu (http://prnt.sc/f5j0qz) then the flags are place in menu and they appear in the same line with the menu when the site is shown in big screens.

    But if I choose to see the site in mobile devices then the flags are placed one under another in different lines. http://prnt.sc/f5j12z

    I would like the flags in the mobile menu to be appeared in the same line one near to the other and in the top of mobile menu. http://prnt.sc/f5j1r5

    Please can you help me?
    Thanks

    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 11, 2017 at 16:40

    Hello,

    Add the following CSS in Theme Options > Styling > Custom CSS to make languages in one line

    .mobile-menu-wrapper .menu-item.menu-item-language {
        width: auto;
        border-bottom: none;
    }

    But I can’t move them at the beginning of the menu because WPML adds them at the end of the menu http://prntscr.com/f6no64

    Regards

    Avatar: pas01_445
    pas01_445
    Participant
    May 13, 2017 at 14:37

    I have added the CSS code in Theme Options > Styling > Custom CSS but flags are not appearing in the same line.
    I sen you passwords for admin panel
    Please check it
    Thanks

    Please, contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 15, 2017 at 19:19

    Hello,

    Please, add the language switcher first at the place where you want to display it, add the custom CSS and then reply back and I’ll check why my custom does not work.

    Regards

    Avatar: pas01_445
    pas01_445
    Participant
    May 16, 2017 at 12:26

    I have added what you told me. Please check it now.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 18, 2017 at 15:02

    Hello,

    It’s because WPML changed the classes again. I have changed the code. Check now, please.
    Also, I would like to tell you that your custom looks so neat, it’s a first time when I see such a good commented custom in user’s panel. So pleasure to check such CSS!

    Regards

    Avatar: pas01_445
    pas01_445
    Participant
    May 18, 2017 at 16:13

    The custom CSS works perfect.

    Thanks you very much Olga

    Avatar: maxmullins
    Max Mullins
    Participant
    May 18, 2017 at 16:20

    Thank you for your positive reply.
    We would appreciate if you leave a feedback or rating on tthemeforest.

    Regards,
    Max Mullins

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.