Support » Allgemeine Fragen » Probleme mit Theme

  • Gelöst Thobie

    (@thobie)


    Moin,

    ich habe mit dem Theme ColorMag Probleme.

    Wenn man auf der Site https://www.asp-hamburg.de eine Seite mit sehr wenig Text aufruft, besonders die Seiten, die anderen Menüstrukturen übergeordnet sind, also „Home“, Privat“ oder „Gewerbe“ und somit der schwarze untere Balken mit dem Copyright sehr weit nach oben rutscht, dann klappen die langen Menüs nicht mehr ganz auf, sondern nur bis zum unteren schwarzen Balken.

    Wie behebe ich das Problem?

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 11 Antworten - 1 bis 11 (von insgesamt 11)
  • Diese breit laufenden Texte sind nicht gerade schön zu lesen. Ein mehrspalitiges Design, vielleicht mit mehr Weißraum und/oder einem Medienelement (Bild links, Text rechts) würde die Seite vielleicht etwas auflockern und die auch länger machen, womit dein Problem mit der Navigation nicht ganz so ins Auge fällt.

    Ansonsten kannst du Anpassungen mit eigenen CSS-Regeln vornehmen, die du im Customizer unter Zusätzliches CSS einträgst:

    /* breitere Sub-Navigation verhindert zweilzeilige Menüeinträge */
    .main-navigation .sub-menu {
        width: 300px;
    }
    /* geringere Zwischenabstände der Links verkleinert das Submenü */
    .main-navigation ul li ul li a {
        padding: 5px 10px;
    }

    Individuelle Änderungen am Stylesheet solltest du eigentlich selber durchführen, das gehört nicht mehr zum Support. Informiere dich deshalb doch bitte mal, wie man die Webentwickler-Tools verwendet, um solche CSS-Änderungen zu planen, z.B. hier https://developer.mozilla.org/de/docs/Tools/Seiten_Inspektor oder hier https://developers.google.com/web/tools/chrome-devtools/css/

    Beim Ansehen mit Firefox und Chrome klappt das Untermenü über den grauen Balken des Footers, aber bei „Weitere Sparten ist der letzte Menüpunkt nicht zu lesen.
    Lösungsansatz 1: Beim Theme ColorMag kann man im Customizer das Headerbild unter das Menü positionieren, wodurch das Menü dann entsprechend weiter oben ist!?!
    Lösungsansatz 2: Das Sub-Menü ist mit 200px Breite definiert – könnte man (über CSS) breiter machen – das spart bei 2-zeiligen Menüpunkten Platz.
    Lösungsansatz 3: Die Menü-Einträge haben oben und unten padding: 10px; auch hier könnte man etwas Platz sparen.

    Was hat dir an meiner Lösung nicht gefallen? 😉

    (Schon klar, hat sich sicher überschnitten.)

    Sorry, genau so war es 😉

    Moin,

    danke erst einmal.

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

    Moin,

    wie mir scheint, wird die Änderung an der Menüstruktur bei „Weitere Sparten“ nicht übernommen.

    Woran liegt’s?

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

    wie mir scheint …

    … musst du CSS lernen. 😀

    Die CSS-Regeln greifen auch da. Wenn dir die Abstände immer noch zu groß sind, musst du eben z.B.

    .main-navigation ul li ul li a {
        padding: 2px 10px;
    }

    verwenden.

    Moin,

    okay, das wird übernommen.

    Ich stelle jedoch das folgende fest: Wenn ich einen Menüpunkt aus der Menüleiste wähle, der einem Submenü übergeordnet ist, und dann genau dieses Submenü wähle, wird die Änderung im CSS nicht übernommen und man hat wieder breitere Zeilenabstände.

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

    Nochmal: du solltest dich dringend mit den Entwickler-Tools deines Browsers vertraut machen. Dann findest du auch raus, wie der Selektor für aktivierte Menü-Einträge lautet. Ich hab dir doch zwei Links genannt. Hast du dir das wenigstens angeschaut oder hoffst du darauf, dass jemand anders deine Hausaufgaben macht?

    
    .main-navigation ul li ul li a, 
    .main-navigation ul li.current-menu-item ul li a, 
    .main-navigation ul li ul li.current-menu-item a, 
    .main-navigation ul li.current_page_ancestor ul li a, 
    .main-navigation ul li.current-menu-ancestor ul li a, 
    .main-navigation ul li.current_page_item ul li a {
      padding: 2px 10px;
    }
    

    Moin,

    danke, jetzt klappt alles.

    Ich wünsche einen schönen Feierabend.

    Grüße aus Hamburg

    Thobie

    Schön. Dann hättest du ja wenigstens den Thread als „gelöst“ markieren können?

    Aber jetzt weißt du ja, wie’s geht.

Ansicht von 11 Antworten - 1 bis 11 (von insgesamt 11)
  • Das Thema „Probleme mit Theme“ ist für neue Antworten geschlossen.