Les liens sont cliquables au pied de page en bas

Question

J'ai créé une page de destination avec Wordpress et j'inséré ce code HTML de base au fond de celui-ci:

<p> שיווק דיגיטלי <a href="http://createak.co.il" target="_blank">createak</a> כל הזכויות שמורות</p> 

Je présente mes excuses pour la langue étrangère. :-) J'ai toujours utilisé ce code, mais pour une raison quelconque, il est maintenant impossible de cliquer sur cette page de destination spécifique: http://mickeyberkowitz.com/. Je ne sais pas pourquoi ça se passe, des suggestions?

Answer 1

Il me semble qu'une règle CSS fait que l'élément conteneur de la section finale (pied de page?) Est fixe, car il n'y a pas de règle pour masquer le overflow-y les images s'affichent bien mais le lien est derrière ces images .

La règle CSS ci-dessous corrige le conteneur à 100vh mais le contenu à l'intérieur du conteneur est beaucoup plus "grand" et donc déborde. Votre lien est positionné directement sous l'élément parent du conteneur et parce que la hauteur du conteneur incriminé est fixe, il ne descend pas.

@media (min-width: 768px) 
.elementor-section.elementor-section-height-full { 
    height: 100vh; 
} 

Si vous avez changé cette règle CSS à celui ci-dessous, vous verrez une amélioration:

@media (min-width: 768px) 
.elementor-section.elementor-section-height-full { 
    min-height: 100vh; 
} 

Vous remarquerez alors le grand espace entre le bas de l'image « trophée » et le bouton - Cela semble être un élément "spacer" probablement créé par un plugin de création de page. Je supprimerais ceci si j'étais vous. En fait, il semble y avoir une autre entretoise ci-dessous qui crée également un espace vide que vous pouvez supprimer - en fonction de l'esthétique souhaitée du site.

Answer 2

J'ai vérifié sur votre site. En effet, dans votre code d'autres éléments sont divs et montrent plus <div id="footer-bottom">

Vous devez ajouter le code suivant dans CSS

#footer-bottom{ 
    z-index:9999; 
    position:relative 
} 

Ceci est une solution rapide.

Mais cela peut rendre d'autres choses non-cliquables. Vous avez donc besoin d'ajuster tous vos divs html et le code correctement avec CSS. Veuillez utiliser l'outil de développement google chrome ou firefox ou inspectez votre code et corrigez les divs qui se chevauchent.