Hi Kimberly,
You can follow what my colleague Ruenel said, you may need to remove at least 1 page in your main menu so that in the smaller screen the header section is still in one column. Another way around is using the CSS with media query condition to make the font size and padding a little bit smaller. You can paste the code below in your X > Theme Options > CSS as a starting point.
@media(min-width: 979px) and (max-width: 1239px) {
.x-navbar .desktop .x-nav > li > a {
font-size: 12px;
padding: 0 8px !important;
}
}
Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.
Hope that helps.
Thank you.