1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Cambium Theme Header verkleinern?

Dieses Thema im Forum "Design" wurde erstellt von phil21oo, 21. März 2019.

Schlagworte:
  1. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Hallo, meine Frage lautet, wie kann ich die breite und höhe der Menüleiste meiner Website ändern (Cambium Theme) [​IMG] Einerseits ohne scrollen und andererseits beim scrollen? Und wie kann ich das Logo während dem Scrollen größer darstellen?

    Hier meine Website: https://setup-tipps.com und unten der Code:

    Habe schon einige Dinge versucht, allerdings ändert sich irgendwie nichts.

    Vielen Dank für deine Hilfe[​IMG]

    Phil



    Code:
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    #1 phil21oo, 21. März 2019
    Zuletzt von einem Moderator bearbeitet: 21. März 2019
  2. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    gute morgen.

    würde einmal das logo richtig zuschneiden, da rundherum viel leer raum ist.

    beim scrollen logo
    ist diese css zuständig

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    phil21oo gefällt das.
  3. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Danke, wo muss ich den code einfügen?

    Und das Problem ist, dass da Logo nach dem Zuschneiden noch viel fetter wird.
     
  4. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Versuch mal das in Design -> Customizer -> zusätzliches CSS
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    @Henk1060: du vergisst beim Kopieren die { und } für den Media-Query ;)
     
    Henk1060 und phil21oo gefällt das.
  5. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    code unter design customizer.

    n
     
    phil21oo gefällt das.
  6. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Es funktioniert, super, danke euch!:)

    Aber wie kann ich die Höhe des Headers generell verkleinern?

    Und wie kann ich das Logo in der mobilen Ansicht größer darstellen?

    Das sind meine letzten Fragen, dann lass ich euch wieder in Ruhe!o_O
     
    #6 phil21oo, 22. März 2019
    Zuletzt bearbeitet: 22. März 2019
  7. Henk1060

    Henk1060 Well-Known Member

    Registriert seit:
    4. September 2014
    Beiträge:
    3.927
    Zustimmungen:
    349
    schon mal goo gefrag? Cambium Theme header höhe
     
    phil21oo gefällt das.
  8. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Ja, aber da hab ich nichts gefunden:(
     
  9. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Das liegt an deinen Logo. Das hat überall sehr viel Rand und macht so den Header unnötig hoch.

    Quick&Dirty ginge z. B. so
    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Aber du solltest wirklich mal dein Logo bearbeiten. Ich habe außerdem gesehen, dass das Bild 2900px breit ist und per CSS auf 290px runter gerechnet wird. Das solltest du ändern.
     
    phil21oo gefällt das.
  10. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Durch das Theme wird das Logo ohne Rand, meiner Meinung nach viel zu groß dargestellt, deswegen hab ich den Rand nicht abgeschnitten.

    ich möchte generell das Logo so groß wie es jetzt mit Rand ist und den Header kleiner.

    Vielen Dank
     
    #10 phil21oo, 23. März 2019
    Zuletzt bearbeitet: 23. März 2019
  11. SirEctor

    SirEctor Well-Known Member
    Ehrenmitglied

    Registriert seit:
    28. Oktober 2008
    Beiträge:
    12.361
    Zustimmungen:
    427
    Was hast du schon versucht? Das Logo kleiner zu machen?
     
    phil21oo gefällt das.
  12. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Durch das Theme wird das Logo ohne Rand, meiner Meinung nach viel zu groß dargestellt, deswegen hab ich den Rand nicht abgeschnitten.

    ich möchte generell das Logo so groß wie es jetzt mit Rand ist und den Header kleiner.

    Das Ziel wäre jetzt generell das Logo im Theme zu verkleinern, sodass ich den weißen Rand vom aktuellen Logo abschneiden kann. Somit müsste der Header auch insgesamt kleiner werden, oder?

    Vielen Dank
     
  13. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Stelle bitte das Logo einmal wie schon aufgefordert ohne zu viel Rand auf die Seite.
    Das dann wieder verkleineren, so dass dir die Größe gefällt, ist der zweite Schritt.
    Danach könnte man in den Zusätzlichen CSS versuchen, das mit nachfolgender Anweisung zu verkleineren. Das klappt auch derzeit mit dem Logo.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Anstatt der 100px ist natürlich auch ein anderer Wert möglich.
     
    phil21oo gefällt das.
  14. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Ich habs jetzt zugeschnitten und den css Code eingefügt (max-height: 80px), sieht jetzt schon mal besser aus! Danke!:)

    Vielleicht könnte ihr mir noch helfen, die Header Höhe beim Scrollen ein bisschen zu verkleinern und die generelle Höhe des Headers bzw. des Abstandes vom Logo zum dunkel grauen.

    Vielen Dank!
     
  15. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    So, nun folgendes wieder in die Zusätzlichen CSS

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Responsivität noch nicht inkludiert ;) unter 1200px ist es noch zu groß!
    Aber für mich heute nicht mehr ;)
     
    phil21oo gefällt das.
  16. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    WoW, absolut genial! Sieht super aus!

    Vielen Vielen Vielen Dank!:):):)
     
  17. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Damit es für uns auch besser aussieht, schalte mal die beschleunigungs- und optimierungs-Plugins, wie Autoptimizer und a3 Lazy Load ab. So wie derzeit ist es sehr mühsam die Einzelheiten strukturiert zu sehen.
    Versuche mal z.B. mit SRTG+U im Quelltext etwas zu finden... ;)
     
    phil21oo gefällt das.
  18. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Ich versteh nicht ganz was Du meinst, aber hab die plugins mal abgeschaltet.
     
  19. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.138
    Zustimmungen:
    591
    Wenn du z.B. mit dem Firefox STRG+U drückst und dir die Seite mir dem Quelltext ansiehst und danach das noch einmal mit den eingeschalteten Plugins machst kannst du den Unterschied sehen. Genau so sehen die diversen CSS-Angaben aus.
    Wie auch immer!
    Versuche mal nachstehende Anweisungen in die Zusätzlichen CSS anstatt der bisherigen einzufügen.

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
    phil21oo gefällt das.
  20. phil21oo

    phil21oo Well-Known Member

    Registriert seit:
    21. Dezember 2018
    Beiträge:
    72
    Zustimmungen:
    0
    Hab den Code eingefügt, sieht auch super aus, obwohl ich es mit ein bisschen Abstand zwischen den Beiträgen und dem Header besser finde!

    Vielen Vielen Vielen Dank:):):)o_O

    Ich werde einfach den anderen Code nehmen
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden