Menus with large amount of children cannot be fully viewed on smaller screens

Menus with large amount of children cannot be fully viewed on smaller screens. Please view this on a tablet:

http://sportwitness.co.uk/

For example on my tablet I can only scroll down to Sunderland on the Premier League menu.

Please provide me with a solution for this.

Thanks,

David

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/TUG1qpJvEk

@media(min-width: 1021px){
.sf-menu ul .td-menu-item > a {
padding: 4px 13px 4px 13px;
}
}

Thanks!

Hi Andrei,

Thanks for the quick response. That didnt make any difference though.

David

Hi

Replace the above code with this one, I’ve mae a different target and now it should work fine:

@media (min-width: 768px) and (max-width: 1023px) {
.sf-menu ul .td-menu-item > a {
padding: 4px 13px 4px 13px;
}
}

Thanks!

Hi Andrei,

Yes that works.

Thanks