Logo and menu locations and alignment of fullwidth for mobile version

Dears,

I have 2 issues in the mobile version.

1- The logo is located on the right and the menu icon is next to it, So how can I change the the location of either the logo or the menu icon so each will be located on each side of the page.

2-There is a gap in the left of the colored fullwidth section, how to center the fullwidh section and its elements.

The website: http://faseel.org

Please see attached image.

Best Regard,