web-dev-qa-db-fra.com

Les colonnes de pied de page sont différentes dans chaque page

Voici le site web . Le pied de page doit avoir 4 colonnes comme ceci page , mais dans les autres pages, il est rendu avec 2 colonnes ( here ), comme lorsque la page est rendue sur un écran plus petit. Pourquoi donc?

joomla-3.xcssjoomla3.8
2
aggicd

En effet, votre page d'accueil utilise mod_vikcontentslider, Qui charge une version plus ancienne de Bootstrap (3.3.7)) par rapport à ce que votre modèle utilise (4.0.0-beta).

Il peut y avoir une option pour désactiver le chargement de Bootstrap dans les paramètres du module, donc cherchez d’abord pour cela.

De toute façon, le balisage pour votre pied de page n'est pas correct.

Vous avez actuellement les éléments suivants:

<div class="row">
    <div class="col-md-4 col-sm-12 col-xs-12">
        ...
    </div>
    <div class="footer-office-content fr_col2 col-lg-Push-1 col-md-8 col-sm-12 col-xs-12">
        <div class="col-xs-12 col-sm-4 col-md-4">...</div>
        <div class="col-xs-12 col-sm-4 col-md-4">...</div>
        <div class="col-xs-12 col-sm-4 col-md-4">...</div>
    </div>
</div>

Comme vous pouvez le constater, vous imbriquez des classes col-* Sans les envelopper dans une rangée. Le row est requis car cela utilise flexbox.

<div class="row">
    <div class="col-md-4 col-sm-12 col-xs-12">
        ...
    </div>
    <div class="footer-office-content fr_col2 col-lg-Push-1 col-md-8 col-sm-12 col-xs-12">

        <div class="row">     <<< THIS IS THE MISSING LINE
            <div class="col-xs-12 col-sm-4 col-md-4">...</div>
            <div class="col-xs-12 col-sm-4 col-md-4">...</div>
            <div class="col-xs-12 col-sm-4 col-md-4">...</div>
        </div>

    </div>
</div>

J'espère que cela t'aides

1
Lodder