menu on mobile device

Hi @mnohtm,

When I look at your page on mobile the tabs don’t collapse until the screen is too small to display them all on one line. What’re you looking to do?

Let me know.

Thank you,
Kevin.

Hi Kevin
On phone device the menu collapses… I will like to see how to keep it on the same line on all devices.
Thanks in advance for all your help.

Hi @mnohtm,

The only way I know of to solve this is to reduce the font size. However, this makes the tabs difficult to read: https://imgur.com/a/3ZSaOJv.

If you’d like to go with a smaller font, add these styles:

@media ( max-width: 450px ) {
    ul.tabs.wc-tabs li {
        font-size: 13px;
    }    
}

@media ( max-width: 412px ) {
    ul.tabs.wc-tabs li {
        font-size: 12px;
    }    
}

@media ( max-width: 390px ) {
    ul.tabs.wc-tabs li {
        font-size: 11px;
    }    
}

Cheers,
Kevin.