1
Good question! I hope one the following solutions will resolve your issue.
Solution#1:
Wrap the mcTabs with a div and give the div a min-width (e.g. .mcTabsWrapper { min-width: 600px; } ) so that the mcTabs will always have enough space to list the tabs.
Solution#2:
(Suppose that the tabs have no enough space when the screen is smaller than 600px. Add the following styles to the bottom of your mctabs.css)
@media only screen and (max-width: 600px) {
ul.mctabs li a
{
padding:0 2px;
font-size:10px;
}
}
Solution#3:
If solution#2 still cannot make it, we have to give each tab a fixed width and the tab text can wrap within the tab.
Add the following styles to the bottom of your mctabs.css
@media only screen and (max-width: 600px) {
ul.mctabs
{
height:auto;
}
ul.mctabs li a
{
width:64px;
}
}
