web-dev-qa-db-fra.com

Impossible de redimensionner le logo dans le thème sensible?

Je me cogne la tête contre celui-ci depuis des heures. Cela fait des années que je ne me suis pas intéressé au développement Web, je suis donc très rouillé.

J'ai créé un nouveau site Web, clearerlines.net, conçu un logo pour l'en-tête et l'a installé à l'aide du volet d'options du thème personnalisé (Nova Lite).

Pour une raison quelconque, je ne le comprends pas encore, le logo est immanquablement petit. Est-ce dû au code de conception "responsive"? Quoi qu'il en soit, existe-t-il un moyen de contourner le problème pour obtenir l'effet souhaité? Je suis prêt à perdre le motif réactif dans l'en-tête pour obtenir ce résultat, mais j'aimerais éviter cela.

Aidez-moi?

themeslogoadmin-css
1
Truefire

Votre en-tête est composé de deux étendues qui définissent leur propre largeur (dans la vue du bureau):

<div class="container">

    <div class="row">

        <div class="span3"> <!-- I have a width of 270px at desktop view -->

            <div id="logo">

               <!-- your logo here is constrained to the parent span width of 270px -->

            </div>

        </div>

        <div class="span9"> <!-- I have a width of 870px at desktop view -->

            <nav id="mainmenu">

                <!-- your menu here is constrained to the parent span width of 870px -->

            </nav> 

        </div>

    </div>

</div>

Vous devez modifier ces étendues en conséquence et il y a plusieurs façons de le faire:

  • Votre thème peut vous fournir des options dans le tableau de bord backend vous permettant de spécifier/modifier la largeur de la zone de votre logo.

  • Sinon, remplacez le fichier de modèle de thème contenant l'en-tête ci-dessus dans un thème enfant (recommandé) .

Je commencerais par regarder votre header.php dans votre répertoire de thème parent nova-lite pour voir s'il contenait le balisage ci-dessus. Sinon, il peut être inclus dans un autre fichier de modèle.

Une fois trouvé, remplacez-le dans un thème enfant et modifiez les étendues en un format plus généreux pour le logo, tel que span5 et span7 pour le menu. Vous avez un total de 12 colonnes pour travailler, alors divisez-les comme bon vous semble.

Votre thème utilise également une ancienne version de Bootstrap, version 2.3.2, pour laquelle vous pouvez trouver la documentation ici: http://getbootstrap.com/2.3.2/

0
userabuser