Menuweergave bij gebruik tablet

Ik ben een nieuwe webwinkel aan het maken waarbij ik de JSN-Pixel template gebruik.

Ik heb 2 aparte modules aangemaakt voor de weergave van mijn menu.
MIjn menu voor desktopweergave heeft locatie "left" en heeft Class Suffix "display-desktop"
MIjn menu voor mobiele weergave heeft locatie "mainbody-top" en heeft Class Suffix "display-mobile"

Deze hebben een aparte locatie omdat bij de standaard weergave op "position left" mijn menu pas helemaal onderaan de webpagina kwam bij gebruik van een smartphone.

Het probleem is echter dat het nu goed werkt voor mijn smartphone en voor mijn desktop maar dat er geen menu wordt getoond wanneer ik mijn tablet hortizontaal houdt(10,5"), wanneer ik deze verticaal houd krijg ik gewoon mijn "mobile-menu"

Hoe kan ik het zo aanpassen dat ik wel een menu krijg bij het gebruik van mijn tablet?

Hier de link

Dan moet je de mediaqueries in je css controleren. Normaal gesproken krijg je op een tablet liggend het normale menu te zien overigens.

Dit is nieuw voor mij, zou je dit kunnen toelichten?

Ik zie overal alleen maar je mainmenu verschijnen. Het linker menu zie je alleen op desktop en op tablet liggend. Uitleg mediaqueries.

Dat is vreemd op mijn smartphone werkt het namelijk wel (zie bijlage)


Ik heb ook nog even naar mijn mediaqueries zitten kijken met behulp van je linkje maar ik kom er niet uit, dit is wat er nu in mijn css staat:

Ik zou het echt niet weten. Op mijn telefoon zie ik het menu wel, maar op responsive testsites (of webdeveloper van Firefox) zie ik het niet. Dus dan is ook niet te zien wat er niet goed gaat.