Perhaps I wasn't clear. I have 3 responsive points, not the 5 of Bootstrap 4.
1) I have made changes to the mobile view in the header and they are not coming out correctly in the exported template.
2) I centered the social media icons in all 3 views, but when the browser window gets smaller the social media icons move closer together and completely overlap before the tablet break point. They really need to be able to be in a container so the container can remain centered, but the icons remain evenly spaced.
3) Likewise, I have a menu above header layout. As the browser window gets smaller, the menu moves under the logo before the tablet break point. Without break point controls, how do I prevent this?