2017-07-29 1 views
0

Bonjour Je recherche de l'aide pour comprendre pourquoi la page suivante n'apparaît pas sur un écran de taille mobile (480px) car toutes les autres pages qui ont été construites s'affichent correctement.La page mobile ne s'affiche pas - Joomla

http://leicesterbakery.co.uk/index.php/product

J'ai un suffixe de classe module avec les styles suivants dans les requêtes des médias afin de contrôler ce qui est affiché sur un mobile et ce qui est montré un ordinateur de bureau.

(media query with max-width: 480px) 
.range_full { 
    display: none; 
} 

.range_resp { 
    display: block; 
} 

Normal CSS file 
.range_full { 
    display: block; 
} 

.range_resp { 
    display: none; 
} 

Je vous en serais reconnaissant si quelqu'un pouvait vous conseiller car cela ne marche vraiment pas ce n'est pas se présenter.

+0

Je ne trouve pas 'range_resp' utilisé sur cette page, est-il ajouté par JS? –

Répondre

0

Vous avez un display: none sur .range_full

changement pour bloquer et il indique:

@media (max-width: 480px) { 

/***** BASIC LAYOUT *****/ 

.range_full { 
    display: block; 
} 

.range_resp { 
    display:block; 
} 

.fullrange_full { 
    display:none; 
} 
+0

J'ai essayé cela, ne s'affiche toujours pas sur la page .. – user3191160

+0

Merci davw, cela fonctionne la chose étrange est si vous sélectionnez cette page, http://leicesterbakery.co.uk/index.php/product/pitta-bread J'ai ajouté le range_resp comme le plein écran .range_full est mis à null mais alors la version mobile devrait utiliser le range_resp, fonctionne sur toutes les pages barre celui-ci – user3191160

+0

@ user3191160 si ma réponse a aidé, s'il vous plaît le marquer comme correct, – davvv