Mobile Navigation and Forms : Change order with CSS

Hi there community,

I'm stuck on these two issues and none of the CSS codes I tried work: 

1. The navigation bar on the mobile site appears backwards - the first page is last, and vice versa. How can I fix this? 
2. The form alignment is aligning to the left, rather than right. What code would work specifically for this issue?

Thanks for your help. Stay gold. 
 

#1. You can use this code to Website > Website Tools > Custom CSS

div.header-menu-nav-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

#2. Can you share link to page where you use form?

Hey tuanphan,

Thank you for that, but Ziggy helped me resolve this. I noticed my Google Tags were implemented correctly which cause these codes not to work at first. Now they worked like a charm.

The correct answers are:

// Form tweaks
.form-wrapper .react-form-contents .field-list .field, .form-wrapper .react-form-contents .field-list .fields .field, .form-wrapper .react-form-contents .field-list legend {
  text-align: right !important;
}

// Header
.header-menu-nav-wrapper {
  display: inline-flex !important;
  flex-direction: column-reverse !important;
}