When using Header 6 and Header 9, the social media icons overflow into the screen when in mobile view.   The social media icons should be hidden similar to the menu items when in mobile view.  How can I hide the social media icons? 

You can see this in the demo website using Header 9 if you minimize the window screen to mobile screen size - http://soledad.pencidesign.com/soledad-food/?header=header-9&body=boxed-none

This also happens when you enable social media icons in Header 6, which is the one I am using. 

Please see the attached screenshot of Header 6 and Header 9.  Is there a way I can hide this? Thanks!

Thank you this works!