Menu order on astrid

Hi guys,
my site: 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:

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;




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

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

          var list = $('.main-navigation');
          var listItems = list.children('li');


  1. Update

Clear any applied cache (if needed).


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.