Jump to content

Problème de liens qui ne fonctionnent plus en version mobile


Recommended Posts

Bonsoir,
 
Je viens de m'inscrire, et j'arrive avec un problème:
je travaille actuellement sur un site Prestashop 1.5 basé sur le thème Cepheu (lui-même basé sur Boostrap).
Ce thème propose un module pour gérer le footer (PosFooter), sur lequel j'ai fait quelques modifications dans le CSS en majorité.
Or je viens de voir que dans mes media queries, lorsque je passe à moins de 500px, les 3 blocs de liens gérés par ce module ne sont plus cliquables. Avec l'inspecteur de mon navigateur, je vois que ces liens existent bel et bien, mais on ne peut plus cliquer dessus, que ce soit sur mobile ou sur ordi, il n'y a même plus d'effet en :hover.
J'ai comparé cette partie de mon CSS avec celle du thème Cepheu, mais le problème ne semble pas venir de là car tout est identique.... Je ne sais plus où chercher ! Quelqu'un peut-il m'aider ??
 
Voici mes 2 derniers media queries:
@media (max-width: 500px) {
#header_logo img {max-width:50%;}
    #center_column .sortPagiBar .nbrItemPage { display: none;}
    #identity .std p.text label, #identity .std p.password label, #identity .std p.select label { width: 100px;}
    #identity .std p.text input, #identity .std p.password input { width: 150px;}
    #identity .std p.checkbox input { margin: 0;}
    #identity .std #security_informations { padding: 0;}
    .header-inner{width: 100%;}
    #search_block_top{text-align: center; }
    .productTabContent li.item a.product_image { text-align: center;}
    .follow-footer .left-icon{left: 120px;}
    .follow-footer .right-icon{right: 120px;}
    #search_block_top{}
    #header_right #header_user{margin: 30px 0 0 !important; float: none;}
    #search_block_top{position: static; margin: 20px 0 0;}
    #header #cart_block{top: 165px; right: 110px;}
    .mode-view{display: none;}
    #account-creation_form p.radio span, #account-creation_form p.text label, #account-creation_form p.password label, #account-creation_form p.select label, #account-creation_form p.select span, #account-creation_form p.textarea label { width: auto;}
    #account-creation_form span.form_info, #account-creation_form p.inline-infos,
    #account-creation_form p.checkbox input { margin: 0 0 0 10px;}
    
    .animate-in .model-slider3 { left: 70%;}
}
 
@media (max-width: 340px) {
#header_logo img {max-width:50%;}
    #featured-products_block_center .title_block, .pos-new-product .pos-new-product-title { font-size: 14px;}
    .nivo-caption,
    .nivo-directionNav a { display: none !important;}
    .sortPagiBar select#selectPrductSort { width: 100px;}
    #header #cart_block { top: 185px;}
    .block-search-top { top: 195px;}
    .follow-footer .left-icon{left: 30px;}
    .follow-footer .right-icon{right: 30px;}
    #header #cart_block{top: 190px; right: 20px;}

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...