Menu in mobile and footer in reverse order

Hi guys,
I am using adtrid for a Hebrew based website: goingdigital.co.il

Menu in the footer will appear in reverse order than the header.
Menu’s in the mobeil will appear just as they appear in the footer of the site.

I am trying to have all menus appear as in the site’s header.
Thanks.

Amit

Hello Amit,

From your site dashboard, visit Appearance > Menus; and ensure one menu assigned for two locations (Primary and Footer).

02%20PM

Regards,
Kharis

Hi kharis,
It’s configured that way - still the same

image

And thank you :slight_smile:

Hello there,

Please try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

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

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

Let me know how it goes.

Regards,
Kharis

Thanks!
In Desktop is seems to work - thank you :slight_smile:
However in mobile, funny the footer is ok but the header is still reveresed.
Any ideas?

Thank you,

Amit

By the way after applying the css - the footer on mobile devices will appear like this:

In addtion and sorry if I am out of the scope focus here - in mobile devices the theme will always appear a bit to the right - if there’s some padding css I can use here - would help.

Thanks again.

Amit

Hello Amit,

Please try adding this extra CSS code:

    @media only screen and (max-width: 991px) {

      .footer-navigation ul.menu {
        float: none;
        margin-left: auto;
        margin-right: auto;
      }
      
    }

Regards,
Kharis

Solved!
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