Menu order on astrid

Hi guys,
my site: goingdigital.co.il has a some tiny issue with mobile.
The menu will appear in revered order and the menu will open a bit tilted to the right:
image

So can I make the menu ordered revered here? (the desktop and footer in mobile are just fine)
And Can I fix the menu to appear cenetered just below the menu button.
These are my CSS:

    .footer-navigation ul {
          display: table;
          float: right;
        }

        .footer-navigation ul li {
          float: left; 
          direction: rtl;
        }

    @media (max-width: 500px) {

        .header-info .header-text {

            font-size: 4vw !important;

        }

    }

Thanks,
Amit

Hello Amit,

To reverse the default menu items order on mobile, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    (function($){

      if ( $( ".main-navigation" ).length ) {
        if ( matchMedia( 'only screen and (max-width: 1024px)' ).matches ) {

          var list = $('.main-navigation ul.menu');
          var listItems = list.children('li');
          list.append(listItems.get().reverse());

        }
      }

    })(jQuery);
  1. Update

Clear any applied cache (if needed). https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens

Regards,
Kharis

Fixed! thank you Kharis!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis