The Sub menu now works
The reason the “header” image does expand wide is because you have a CSS rule on the body that limits the width to 700px
border: 1px solid #ccd0d4;
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen-Sans, Ubuntu, Cantarell, “Helvetica Neue”, sans-serif;
margin: 2em auto;
padding: 1em 2em;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
If I remove the max-width it expands fine.
If the 700px width is actually wanted, then what prevents the header to expand is the overflow rule below
It would have to be set to visible to let the header expand.
For the mobile menu, It looks like your menu is done by a plugin, so I can’t see why it is not opening on mobile, you need to ask the plugin developer what may be going on here.
For the buttons, I am not sure which one you mean, but I tried the facebook and pinterest and they work
I also tried Asia, South America … in the content, and they work for me.
If you are using a cache plugin, I would recommend clearing all your caches (plugin and browser), and try a different browser, as you seem to have problems I do not.