Le problème est que tu fixe ton .footer : "bottom: 0; left: 0; right: 0;"
Il faudrait plutôt utilisé un media queries pour les moblies
Bonsoir à tous,
Aujourd'hui j'ai un petit soucis CSS. Je me développe un petit site perso et j'ai trouvé une base de design qui me plaît bien. Je la refais à ma sauce et je bloque à un endroit au moment de tenter la "responsivité" du design.
J'ai ce footer :
Sur une fenêtre desktop aucun soucis ça marche sans problème, en revanche, lorsque je réduis ma fenêtre, le footer vient se superposer sur le contenu.
J'ai tenté un display:table-row dans mon footer et un display : table; dans mes propriétées html. J'ai également tenté
Mais rien n'y fait :/
Le problème est que tu fixe ton .footer : "bottom: 0; left: 0; right: 0;"
Il faudrait plutôt utilisé un media queries pour les moblies
Le footer du thème n'est pas adapté au responsive ? peut être as tu oublier une class
Sinon comme le dit Tiim utilise les media queries
J'ai remis l'ancien footer finalement
En enlevant toutes les modifications, et bizarrement l'ajout d'un block newsletter juste au dessus a résolu le problème ^^. J'ai par contre suivi vos conseils en mettant la position à relative ;)
En fait non en relative le footer se place bien si la page a du contenu, en revanche en relative si la page est courte il ne reste pas en bas.
Du coup un media query plutôt :)