Bootstrap Columns issue when viewed on mobile device
I'm still learning this Bootstrap css so the answer is probably obvious. I have a menu page with a row and two columns. Everything works fine until it hits the xs parameter. The headers move outside their boxes and show up in random sections. Any help would be appreciated.
.subHeaders {
font: bold 22px Tahoma, Geneva, sans-serif;
color: #000;
background: #FF6;
margin-left: -15px;
margin-right: -15px;
padding-left: 25px;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
display: block;
height: 40px;
