Home → Contao →

Verwendung: Vergrößerung des Logos

• Edit

Jörn Gehrke

03 Jun, 2015 09:35 AM

Produkt: Oneo Contao
Contao-Version: 3.4.0
Browser und Browserversionen: Firefox 38.0.1 (Mac)

Wir verwenden das Theme ONEO-Theme in der Home-Boxed Version. Im Moment wird das Kundenlogo durch die Höhe der Kopfzeile auf 48px begrenzt.
Wie kann ich ein Logo in der Kopfzeile z.B. auf 60 oder 70 px vergrößern (bei gleichbleibenden jetzigen Abständen zum oberen und unteren Rand - siehe Screenshot)?

• Bildschirmfoto_2015-06-03_um_11.31.52.png 492 KB

1. Support Staff 1 Posted by RockSolid Theme... on 03 Jun, 2015 12:04 PM

   

   Vielen Dank für Ihre Frage.

   Sie können die Höhe der Navigations-Zeile und somit auch die Größe des Logos mittels CSS erhöhen. Fügen Sie dafür bitte folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

   .main-navigation, .main-navigation-search {
       margin-top: 2em;
   }
   

   • Edit

2. 2 Posted by Jörn Gehrke on 03 Jun, 2015 12:12 PM

   

   so einfach ist es manchmal - vielen Dank für die prompte Antwort!

   • Edit

3. 3 Posted by Joachim on 16 Jul, 2015 04:33 PM

   

   Danke für den tollen Tipp!

   Gibt es noch einen Trick dazu, mit dem man verhindern kann, dass dann die Such-Lupe nach unten verrutscht in der Smartphone-Ansicht?

   Danke!

   • Bildschirmfoto_2015-07-16_um_18.31.44.png 33.9 KB
   • Edit

4. Support Staff 4 Posted by RockSolid Theme... on 17 Jul, 2015 07:56 AM

   

   Ja, fügen Sie zusätzlich bitte folgendes CSS ein:

   @media screen and (max-width: 599px) {
     .main-navigation-search {
       margin-top: -1.93333em;
     }
   }
   

   • Edit

5. 5 Posted by Joachim on 17 Jul, 2015 09:00 AM

   

   Danke!

   • Edit