The Issue :

When installing any of Salient's recommended minify and caching plugins: W3 Total Cache or Better WP Minify or WP Rocket, The Main header menu got shifted to the left of the screen as attached. 

All steps taken:

1. I read and checked thoroughly your recommendations at these pages so don't send them to me again.

- http://themenectar.com/docs/salient/performance-optimization-guide/

- https://themenectar.ticksy.com/article/5032/

2. There is no CDN configured.

3. I did crossbrowser testing, and on all OSs and browsers, the main header menu is shifted to the side. 

4 - I disabled all options in WP Rocket and still got the issue.

5 - I reduced the number of menu items to 4 as attached and still got the issue

6 - I changed the header and menu layout to centred as attached but still got the issue.

7 - I changed "Mobile Breakpoint" and "Menu Item Spacing" in Salient settings and still got the issue.

I can provide login details for you to check

Hi, 

I applied the code and it works only on desktop. On Mobile, a menu appears that hide the content as attached and all content is inaccessible.

Thanks

Hi,

As I described, It's known that the caching and minification plugins like W3 Total Cache or Better WP Minify or WP Rocket are causing the issue. These plugins are recommended by you guys.

The code that the developer provided worked only on desktop version, But on mobile, a menu appears that blocks the content underneath (as attached).

Can you please engage the developer to review the code that he provided?

body.material #header-outer[data-format="centered-menu-bottom-bar"] header#top .span_9 nav {     
 display: -webkit-flex!important; 
 display: flex!important; 
}

Thanks

I already clarified that in the ticket below.

When turning off the caching plugins, the theme is working ok. 

I gave you the login details. did you login and check?  why you ask for login details and after i provided them, you never login and check anything?

did you ever read the ticket and the issue? Why I need to repeat every message? I'm speaking English here. 

why you are always giving these cookie cutter replies, just copy and paste a reply?  you simply don't care. and don't read the ticket. that's not support

- When installing any of Salient's recommended minify and caching plugins: W3 Total Cache or Better WP Minify or WP Rocket, and configuring as per your guide, The Main header menu got shifted to the left of the screen as attached. 

http://themenectar.com/docs/salient/performance-optimization-guide/

The plugins that you recommended are causing the issue and they are all popular plugins and are used on thousands on websites and themes.

The code that the developer provided worked only on desktop version, But on mobile, a menu appears that blocks the content underneath (as attached).

Can you engage the developer to review the code that he provided?

body.material #header-outer[data-format="centered-menu-bottom-bar"] header#top .span_9 nav {      display: -webkit-flex!important;  display: flex!important; }

The issue is with your theme. I paid for support and you should fix your theme.