I have set up a page with seven tabs, and it looks great until the browser width gets to about 810px. At this point, one of the tabs drops down to a new row, separating the tabs from the content, before the breakpoint hits that changes the tabs from horizontal to vertical at 767px.
I shortened the Section Names of some of the tabs, and was able to keep a single row of tabs until the vertical tab breakpoint, but I would really like to keep the names I initially had.
Can you provide media queries to change the horizontal/vertical tab break, and/or CSS code to modify the font size on the tabs so the longer names would work up to the breakpoint?
Also, I would love to change the tab color scheme to better match the color scheme of my site. I have found some css in other topic threads and tried them, but none seem to work.