Hi,

1/ When you do that, your layouts will broken because on the mobile, the screen are too small and it can't be display in one line like on the desktop - That's why responsive design born.

2/ About social media on the navigation, you can hide it on mobile by add more this code to Customize > Custom CSS - It's not need there because on vertical nav already has this social media icons:

\
@media only screen and (max-width: 480px){\
#navigation.header-6 .main-nav-social{ display: none;  }\
}

Best Regards,

PenciDesign